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の例- you-can-us-to-manipulate-select-inputs/