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 select元素，并在所选选项为"Yes"时启用它

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/

Answer 2

这是使用Javascript和HTML看起来的样子。

<!DOCTYPE html>
<html>
<head>
</head>
<script>
function validate(){
    var b1 = document.getElementById("box1");
    var f = b1.options[b1.selectedIndex].value;
    var b2 = document.getElementById("box2");
        if(f == "no"){
        b2.disabled="disabled";
        }
    else{
    b2.disabled="";
    }
}
</script>
<select id="box1" onchange="validate()">
    <option id="yes" value="yes">Yes</option>
    <option id="no" value="no" selected="selected">No</option>
</select>

<select id="box2" disabled>
    <option></option>
    <option value="">Choose</option>
</select>
</html>

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

问题描述

2 个解决方案

解决方案1
4 已采纳 2013-10-21 18:52:39

解决方案2
0 2013-10-21 19:20:12

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

问题描述

2 个解决方案

解决方案1 4 已采纳 2013-10-21 18:52:39

解决方案2 0 2013-10-21 19:20:12

解决方案1
4 已采纳 2013-10-21 18:52:39

解决方案2
0 2013-10-21 19:20:12