使用其他选择列表中的选项填充选择列表的最快方法

时间:2011-03-31 12:26:26

标签: javascript jquery selectlist

我有一个选项列表。我想立即让另一个选择列表包含相同的选项。

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

上面的想法是正确的,但由于某种原因,它删除了我不想做的原始列表中的所有选项! 有人能帮忙吗?感谢

2 个答案:

答案 0 :(得分:5)

您错过了.clone()

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

如果#select2已空,那么您只需.appendTo('#select2')

答案 1 :(得分:0)

使用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/的示例