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

Question

有人可以推荐一些在客户端上填充HTML选择列表项的最佳策略吗？

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

所涉及的选择列表只是一组需要与模型一起保存的字符串。

我不想为每个添加的项目进行服务器调用，而是希望在保存表单时一次性提交所有内容。

是否有任何可用的插件可以使这更容易？还是编写自己的弹出窗口表单最好？

- David Neale

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

- Nick Craver