依赖选择框问题

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/ 不是最优的，但应该在不大的选项上运作良好