I want to set the multiple ITEMS
in jQuery multiselect dropdown
depending on the VALUE
of that item, which I'm getting from database, separated by ",
".
I'm saving this fetched data in hidden field
.
Ex.
Hidden field: hdnLots = 64,65
, Items for lot No.: 64 = Lot 1, 65 = Lot2
So when I get the hdnLot=65
, then in jQuery Multiselect dropdown
only Lot2
needed to be selected. And same for 64,65. i.e. When multiple values are selected than all those values needed to seleted.
I've tried: JQuery multiselect - Set a value as selected in the multiselect dropdown
Code I've wrote for this is:
if ($("#<%= btnUpdateProject.ClientId %>").css('display') == "inline-block")
{
debugger;
var dataarray = document.getElementById('<%= hdnLots.ClientId %>').value.split(",");
$("#<%= ddlNoOfLots.clientid %>").val(dataarray);
}
I hope this will help you:
$(document).ready(function() {
$("select").multiselect({
selectedText: "# of # selected"
});
var hidValue = $("#hidSelectedOptions").val();
alert(hidValue);
var selectedOptions = hidValue.split(",");
for(var i in selectedOptions) {
var optionVal = selectedOptions[i];
$("select").find("option[value="+optionVal+"]").prop("selected", "selected");
}
$("select").multiselect('reload');
});
EDIT
refresh
has been removed from latest jQuery-MultiSelect. Using reload
will solve the question now.