使用另一個選擇列表中的選項填充選擇列表的最快方法

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

「如果單擊‘添加’按鈕，我們從選擇1刪除所選的選項，並添加相同的選項，選擇2」 - 從實例http://calisza.wordpress.com/2009/03/29/6-jquery-snippets-you-can-use-to-manipulate-select-inputs/