2014-10-28 78 views
4

我在用户可以选择多个选项并保存记录的html页面上使用jquery 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循环中的最后一个选项才会被选中。

是否可以在多重选择下拉菜单中设置多个选项?

回答

7

要选择多个选项,使用此代码:

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