Добавить/удалить элементы в/из списка выбора HTML, используя jQuery

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