bootstrap multiselect get selected values

Question

How do I get back on onChange all selected values in my multiselect dropdown. Used plugin here. Trying to use the following but I think I\'m on the wrong track

$         


        

Answer 1

In your Html page please add

  
    
    
    
    

    
    
    
    
    

    
    
    
  
  
    

      


      


        
        
          Cheese
          Tomatoes
          Mozzarella
          Mushrooms
          Pepperoni
          Onions
          10
          11
          12
        
        


         Send 

      

      


      
result
    


    
    
    
    
    
    

    
    

    
    

  

In your ajax.js page please add

$(document).ready(function () {
  $(".btnSubmit").on('click',(function(event) {
    var formData = new FormData($('#myForm')[0]);
    $.ajax({
      url: "action.php",
      type: "POST",
      data: formData,
      contentType: false,
      cache: false,
      processData:false,
      success: function(data)
      {
        $("#result").html(data);

        // To clear the selected options
        var select = $("#example-getting-started");
        select.children().remove();
        if (data.d) {
          $(data.d).each(function(key,value) {
            $("#example-getting-started").append($("").val(value.State_id).html(value.State_name));
          });
        }
        $('#example-getting-started').multiselect({includeSelectAllOption: true});
        $("#example-getting-started").multiselect('refresh');

      },
      error: function()
      {
        console.log("failed to send the data");
      }
    });
  }));
});

In your action.php page add

  echo "You selected :";

  for($i=0;$i<=count($_POST['categories']);$i++){

    echo $_POST['categories'][$i]."
";

  }