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

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

Answer 1

//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"); 

Answer 2

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.