javascript - jQuery 两个下拉菜单？ (动态地)

Question

如果我有两个下拉菜单，例如:

<select>
<option value="option1">option 1</option>
<option value="option2">option 2</option>
<option value="option3">option 3</option>
</select>

后跟:

<select>
<option value="option5">option 5</option>
<option value="option8">option 8</option>
<option value="option9">option 9</option>
</select>

我怎样才能做到，如果有人从第一个下拉列表中选择选项 2，那么第二个下拉列表中只有选项 9 可用？有人告诉我我需要存储这些值，但我对这一切有点迷失？

感谢您的帮助。

约翰

Answer 1

证明:http://jsfiddle.net/iambriansreed/VLvYA/

根据要求禁用，并且自动选择选项。

$('#first-select').change(function(){
    $('#second-select option').prop('disabled',false);
    if(this.value == 'option2')
        $('#second-select option:not([value="option9"])')
            .prop('disabled',true).parent().val('option9');

});​