jquerybootstrap-multiselectjquery-ui-multiselect

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


I am having a multiselect dropdown using the Boostrap Multiselect plugin (http://davidstutz.de/bootstrap-multiselect/) as below

<select id="data" name="data" class="data" multiple="multiple">
  <option value="100">foo</option>
  <option value="101">bar</option>
  <option value="102">bat</option>
  <option value="103">baz</option>
</select>

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.


Solution

  • 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 < 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.