使用jQuery在HTML选择列表中添加/删除项目

Question

有人可以推荐一些他们用来填充客户端HTML选择列表中项目的最佳策略吗？

我正在使用ASP.NET MVC应用程序并使用jQuery。

有问题的选择列表只是一个字符串集合，需要与模型一起保存。

我宁愿没有为每个添加的项目调用服务器，只需在保存表单后发布所有内容。

是否有可用的插件可以让这更容易？编写自己的弹出窗体最好吗？

Answer 1

如果您需要进行大量操作并支持<select>有点不稳定的旧IE版本，是的，有一个插件：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();
}