使用jQuery在HTML選擇列表中添加/刪除項目

Question

有人可以推薦一些他們用來填充客戶端HTML選擇列表中項目的最佳策略嗎？

我正在使用ASP.NET MVC應用程序並利用jQuery。

問題中的選擇列表只是需要與模型一起保存的字符串集合。

我寧願沒有添加每個項目的服務器調用，只需在保存表單時發佈一切內容。

是否有任何插件可以使這更容易？最好是寫我自己的彈出窗體？

Answer 1

如果你需要做大量的操作並且支持較舊的IE版本，其中<select>有點片狀，是的，有一個插件：jQuery - Select box manipulation plugin，認爲它可能對你正在做的事情過度。

另一種方法是隻使用所需的內容選擇，例如：

function addItem(val, text) { 
    $("#mySelect").append($("<option>", { value: val, text: text })); 
} 
function removeItem(val) { 
    $("#mySelect option[value='"+val+"']").remove(); 
    //or: 
    $("#mySelect option").filter(function(){ return this.value == val; }).remove(); 
}