Btukfyl

View:- On click of this button a modal appears and simultaneously a js function 'set_sigid(id)' is invoked with id passed to add this value to one hidden input.

<button type="button" data-toggle="modal" data-target="#add_sig_member" 

   title="Add Members" class="btn btn-link btn-info  btn-just-icon " 

   rel="tooltip" data-placement="top" onclick="set_sigid('<?php echo  $sigd- 

>sig_id;?>')">

   <i class="fa fa-plus"></i>

 </button>

Corresponding js function for above button:

//setting the sig id before sending to the modal(data-toggle) 

function set_sigid(id)

{

  $('#id_sig').val(id);

}

Same View:- here is the same modal where on value change of one simple dropdown a ajax call is made through js file to controller which returns the values that populate the below given multiselect dropdown (basically append in select/or if you may suggest to create a multiselect through DOM dynamically) - I tried both ways but it didn't work for me.

JS for modal:- this is the js function capturing id from change on above simple dropdown and making ajax call

//Adding list of student dynamically batch wise

$('#batch_val').on('change', function(){

   //$('#batch_mem').html('');

   var batch = document.getElementById("batch_val").value;

     //alert(batch);

   $.ajax({

    // make the ajax call to our server and pass the country ID as a GET variable

      url : "http://localhost/pccoespii/index.php/ricontroller/batchWiseMembers/"+ batch,

      success: function(data)

      {            

         data = JSON.parse(data);

         // this is where m stuck

         $('#add_batch_mem').html('<select  class="form-control" name="batch_mem" multiple id="batch_mem">');



      },

      error: function (xhr, ajaxOptions, thrownError)

      {

        alert(thrownError);

        console.warn(xhr.responseText);

      }

    });             

});

Code for Controller mentioned above

//sending members batch wise

public function batchWiseMembers($batch)

{

    $res=$this->ri_model->get_batch($batch);

    echo json_encode($res);

}

Corresponding Model code

//get members batch wise to be added in SIG

function get_batch($batch)

{

    $this->db->select('concat(firstname," ",lastname) as name,email');

    $this->db->from('user');

    $this->db->where('class',$batch);

    $query = $this->db->get();

    return $query->result();

}

Note:- It's working fine when I used simple dropdown/html select control but when I use multiselect then there comes issues. I've used other multiselect than default bootstrap multiselect but positioning of that multiselect.js file above/below jquery or bootstrap also has no effect.