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

$('#multiselect1').multiselect({         selectAllValue: 'multiselect-all',         enableCaseInsensitiveFiltering: true,         enableFiltering: true,         maxHeight: '300',         buttonWidth: '235',         onChange: function(element, checked) {             var brands = $('#multiselect1 option:selected');             var selection = [];             $(brands).each(function(index, brand){                 selection.push(brand);             });              console.log(selection);         }     }); 

found it

$('#multiselect1').multiselect({     selectAllValue: 'multiselect-all',     enableCaseInsensitiveFiltering: true,     enableFiltering: true,     maxHeight: '300',     buttonWidth: '235',     onChange: function(element, checked) {         var brands = $('#multiselect1 option:selected');         var selected = [];         $(brands).each(function(index, brand){             selected.push([$(this).val()]);         });          console.log(selected);     } }); 

Answer 1

the solution what I found to work in my case

$('#multiselect1').multiselect({     selectAllValue: 'multiselect-all',     enableCaseInsensitiveFiltering: true,     enableFiltering: true,     maxHeight: '300',     buttonWidth: '235',     onChange: function(element, checked) {         var brands = $('#multiselect1 option:selected');         var selected = [];         $(brands).each(function(index, brand){             selected.push([$(this).val()]);         });          console.log(selected);     } });  

Answer 2

Shorter version:

$('#multiselect1').multiselect({     ...     onChange: function() {         console.log($('#multiselect1').val());     } });