javascript - 用另一个选择列表中的选项填充选择列表的最快方法

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-你可以使用来操作选择输入/