javascript - 在 jquery 多选下拉列表中设置值

Question

我想根据我从数据库中获取的那个项目设置倍数，用“ ITEMS”分隔。jQuery multiselect dropdownVALUE,

我将这个获取的数据保存在hidden field.

前任。

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

所以当我得到hdnLot=65, 那么 injQuery Multiselect dropdown只Lot2需要被选中。64,65 也一样。ie When multiple values are selected than all those values needed to seleted.

我试过：JQuery 多选 - 在多选下拉列表中设置一个值

我为此编写的代码是：

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/

Answer 3

var selectedOptions = hidValue.split(",");
typeof (selectedOptions != 'undefined' && $("#hidSelectedOptions").multiselect('select', selectedOptions));