user3085495 user3085495 - 5 months ago 22
Javascript Question

Set values in jquery multiselect dropdown

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);
}

Answer

I hope this will help you:

Demo

$(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('refresh');
});