Самый быстрый способ заполнить список выбора опциями из другого списка выбора

Question

У меня есть список выбора опций. Я хочу мгновенно сделать еще один список выбора, содержащий те же параметры.

$('#list1 option').appendTo('#list2');

Идея выше верна, но по какой-то причине она удаляет все опции из исходного списка, что я не хочу делать! Может кто-нибудь помочь с этим? Спасибо

Answer 1

Вам просто не хватает .clone():

$('#select1 option').clone().appendTo($('#select2').empty());

Если #select2 уже пуст, тогда вы можете просто .appendTo('#select2').

Answer 2

Используя JQuery, вы можете легко управлять списками ...

$().ready(function() {
$('#add').click(function() {
return !$('#select1 option:selected').appendTo('#select2');
});
$('#remove').click(function() {
return !$('#select2 option:selected').appendTo('#select1');
});
});

«Если вы нажмете кнопку« Добавить », мы удалим выбранную опцию из select1 и добавим эту же опцию в select2» - пример из http://calisza.wordpress.com/2009/03/29/6-jquery-snippets-you-can-use-to-manipulate-select-inputs/