Javascript禁用另一个选择框选项上的选择框

Question

我有两个选择下拉列表:

<select name="internal_message">
<option value="yes">Yes</option>
<option value="" selected="selected">No</option>
</select>

和

<select name="internal_message_agent">
<option value="">Choose</option>.... etc
</select>

我试过:

<select name="internal_message">
            <option value="yes" onClick="document.getElementById('internal_message_agent').disabled=!this.selected;">Yes</option>
            <option value="" selected="selected">No</option>
            </select>

但它不起作用 - 当 internal_message 选定值为 "No" 时，我如何让它工作以禁用要禁用的 internal_message_agent 选择元素，并在选定选项为 时启用它"is"

Answer 1

为每个选择添加一个 ID 并使用 jquery 禁用它，如下所示:

$('#box1').on('change', function(){
if($(this).val()==='no'){
    $('#box2').attr('disabled', 'disabled');
}else{
    $('#box2').attr('disabled', false);
}
});

http://jsfiddle.net/3MCaG/1/