如何在选择的选择中动态选择多个选项答案

【问题标题】：How to select multiple options dynamically in chosen select如何在选择的选择中动态选择多个选项
【发布时间】：2014-12-23 22:45:09
【问题描述】：

我在 html 页面上使用 jquery selected select，用户可以在其中选择多个选项并保存记录。我需要向用户展示一个更新页面，并尝试使用存储的选项预先选择多选下拉菜单。对于选择的单个选择，这可以通过触发更新来完成，如下所示：

 $('#ns_StatusClass').val(2);
 $('#ns_StatusClass').trigger("chosen:updated");

但我无法弄清楚如何通过选择多选来完成它。我尝试在选择以下值后触发更新：

for(var i=0; i< $PAGE.allStatus.length; i++){
    $('#ns_StatusClass').val($PAGE.allStatus[i].id);
    //$('#ns_StatusClass').trigger("chosen:updated");
}
$('#ns_StatusClass').trigger("chosen:updated");

但这只会导致 for 循环中的最后一个选项被选中。

多选下拉菜单中不能设置多个选项吗？

【问题讨论】：

标签： jquery jquery-chosen

【解决方案1】：

要选择多个选项，请使用以下代码：

for(var i=0; i< $PAGE.allStatus.length; i++){
    $('#ns_StatusClass option[value='+$PAGE.allStatus[i].id+']').attr("selected", "selected");
}

如果值包含一个或多个空格，则使用双引号：

for(var i=0; i< $PAGE.allStatus.length; i++){
    $('#ns_StatusClass option[value="'+$PAGE.allStatus[i].id+'"]').attr("selected", "selected");
}

【讨论】：

【解决方案2】：

简写可以这样用

$('#ns_StatusClass').val([2,4]); // indexes of select values
$('#ns_StatusClass').trigger("chosen:updated");

【讨论】：