JQuery Bootstrap Multiselect plugin - Set a value as selected in the multiselect dropdown

Question

I am having a multiselect dropdown using the Boostrap Multiselect plugin  http   davidstutz de bootstrap-multiselect   as below   lt select id  data  name  data  class  data  multiple  multiple  gt     lt option value  100  gt foo lt  option gt     lt option value  101  gt bar lt  option gt     lt option value  102  gt bat lt  option gt     lt option value  103  gt baz lt  option gt   lt  select gt    On load of page  i will get an array of value like  101 102   I should iterate through the array and make the values selected check boxes corresponding to the ids should be checked   Please help

User · Answer

from a php array into the multiselect      PHP array array                 create array anyway you need to in PHP array push  PHP array 20         Single ID values array push  PHP array 22     javascript str   json encode  PHP array        JSON ENCODE              then in the JS script      multiselectbox   val  lt  php echo  javascript str    gt        Then refresh      multiselectbox   multiselect  refresh

User · Answer

that code should help   var selected  101 103   var obj     data    for  var i in selected        var val selected i       console log val      obj find  option  value   val      attr  selected  1

User · Answer

Selects an option by its value  Works also using an array of values  Find complete details http   davidstutz github io bootstrap-multiselect  methods     example-select   multiselect  select     1    2    4

User · Answer

dropDownId   val   130860   130858         dropDownId   selectmenu  refresh

User · Answer

I ended up having to make a slight change using the click event on the input element by also setting the checked prop after firing the click event     y Ctrl  multiselect  widget   find   checkbox   each function          if    inArray this value  uniqueVals     -1              this  click              this  prop  checked   true

User · Answer

The official site has mentioned  in  Manually check or uncheck a checkbox   section  just to use click    e g       ddl singleSelect        multiselect  widget            find   radio value       click        change displayed selectedText     ddl singleSelect option value            prop  selected   true                 change val        trigger  change                       fire change event       ddl multiselect   multiselect  uncheckAll          init by de-selecting all     ddl multiselect        multiselect  widget            find        checkbox value  1                         checkbox value  2                         checkbox value  3                         checkbox value  4                  click        change displayed selecetdText     ddl multiselect        find       option value  1                    option value  2                    option value  3                    option value  4              prop  selected   true        change val       ddl multiselect   trigger  change          fire change event   OR by HTML   lt select name  example-presets  multiple  multiple  size  5  gt       lt option value  option1  selected  selected  gt Option 1 lt  option gt       lt option value  option2  gt Option 2 lt  option gt       lt option value  option3  selected  selected  gt Option 3 lt  option gt       lt option value  option4  selected  selected  gt Option 4 lt  option gt       lt option value  option5  disabled  disabled  gt Option 5 lt  option gt       lt option value  option6  disabled  disabled  gt Option 6 lt  option gt       lt option value  option7  gt Option 7 lt  option gt       lt option value  option8  gt Option 8 lt  option gt       lt option value  option9  gt Option 9 lt  option gt   lt  select gt        lt script type  text javascript  gt    select   multiselect    lt  script gt

User · Answer

Do it simple  var data  1 2 3 4      Make an array  var dataarray data split           Set the value      multiselectbox   val dataarray       Then refresh      multiselectbox   multiselect  refresh

User · Answer

var valArr     1   2   3        Below Code Matches current object s  i e  option  value with the array values        Returns -1 if match not found        select   multiselect  widget   find   checkbox   each function        if jQuery inArray this value  valArr    -1              this click              This selects the options whose value matches with values in array

User · Answer

You can try this        data    val    100    101

User · Answer

work fine for  me  change ids according to you requirement       FormId select status id new   val           FormId select status id new   multiselect  refresh

User · Answer

I hope these functions will help you       your-select   multiSelect  select   String Array        your-select   multiSelect  deselect   String Array        your-select   multiSelect  select all         your-select   multiSelect  deselect all         your-select   multiSelect  refresh     Reference by this site  Reference

User · Answer

this is my code sample  I have comma separated numbers for multi select drop down and want to select options multiple options from comma separated values   var selected tags arr   new Array    var selected tags   1 2 4  selected tags arr   selected tags split           contact tags option   each function         var option val   this value      for  var i in selected tags arr            if selected tags arr i     option val                   contact tags option value      this value         attr  selected   1

User · Answer

Thank you all for your answers   Taking all of your answers as a guideline  I resolved the problem with the below code   var valArr    101 102   i   0  size   valArr length  for i  i  lt  size  i           data   multiselect  widget   find   checkbox value    valArr i        attr  checked   checked          data option value      valArr i          attr  selected   1         data   multiselect  refresh        Thanks once again for all your support

User · Answer

This is what worked from me using an array as input  First uncheck all options  then click on the chosen options using jquery  var dimensions     Dates   Campaigns   Placements         input-dimensions   multiselect  uncheckAll     for  var dim in dimensions          input-dimensions   multiselect  widget        find   checkbox value      dimensions dim          click

User · Answer

var valArr    101 102      array of option values     i   0  size   valArr length     index and array size declared here to avoid overhead      options       data option       options cached here to avoid overhead of fetching inside loop     run the loop only for the given values for i  i  lt  size  i            filter the options with the specific value and select them      options filter   value    valArr i        prop  selected   true       Here is a demo

User · Answer

I got a better solution from jquery-multiselect documentation   var data    101 102        data   multiSelect  deselect all         data   multiSelect  select  data

User · Answer

It s supposed to be as simple as this    lt select id  multipleSelect  multiple  multiple  gt     lt option value  1  gt 1 lt  option gt     lt option value  2  gt 2 lt  option gt     lt option value  3  gt 3 lt  option gt   lt  select gt   lt script type  text javascript  gt          multipleSelect   val   1    2      lt  script gt    Check my Fiddle  https   jsfiddle net luthrayatin jaLygLzo

[jquery] JQuery Bootstrap Multiselect plugin - Set a value as selected in the multiselect dropdown

Examples related to jquery

Examples related to bootstrap-multiselect

Examples related to jquery-ui-multiselect