jquery - 依赖选择框问题

Question

我正在尝试制作两个相关的选择框。有两个相同的选择框，第一个选择在选择时隐藏另一个，如下所示：

第一个选择框
   选项一
   选项二（已选择）
   选项三

第二个选择框
   选项一
   选项二（消失）
   选项三

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/ 不是最佳的，但应该适用于不是很大的选项集