jquery - 依存セレクトボックスの問題

Question

依存する 2 つの選択ボックスを作成しようとしています。2 つの同じ選択ボックスがあり、次のように、最初の選択が選択されると他の選択が非表示になります。

1 番目の選択ボックス
   オプション 1
   オプション 2 (選択済み)
   オプション 3

2 番目の選択ボックス
   オプション 1
   オプション 2 (消える)
   オプション 3

Answer 1

このようなものを書くことができます

<select id="s1">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select id="s2">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>

と

$('#s1').change(function() {
    $('#s2').empty().append($('#s1 :not(:selected)').clone());
});

ここで試してみてくださいhttp://fiddle.jshell.net/zDLMZ/ 最適ではありませんが、オプションの大きなセットではない場合はうまくいくはずです