在jquery multiselect下拉列表中设置值

Question

我想设置多个ITEMS在jQuery multiselect dropdown取决于VALUE该项目,这我是从数据库中获取,通过"分离的,".

我正在保存这些获取的数据hidden field.

防爆.

隐藏字段:hdnLots = 64,65 ,批号项目:64 = Lot 1, 65 = Lot2

所以,当我得到hdnLot=65,然后jQuery Multiselect dropdown只Lot2需要被选中.同样适用于64,65.即,当选择多个值而不是选择所需的所有值时.

我试过了:JQuery multiselect - 在multiselect下拉列表中设置一个选定的值

我为此写的代码是:

if ($("#<%= btnUpdateProject.ClientId %>").css('display') == "inline-block") 
{
   debugger;
   var dataarray = document.getElementById('<%= hdnLots.ClientId %>').value.split(",");
   $("#<%= ddlNoOfLots.clientid %>").val(dataarray);
}

Answer 1

我希望这能帮到您:

演示

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

编辑

refresh已从最新的jQuery-MultiSelect中删除.使用reload将立即解决问题.

Answer 2

您需要确保的一件事是数组中的值是字符串：

<select id='multipleSelect' multiple='multiple'>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>
<script type='text/javascript'>
    $('#multipleSelect').val(['1', '2']);
</script>

检查我的小提琴：https://jsfiddle.net/luthrayatin/jaLygLzo/