2014-10-28 64 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"); 
}