1

我有两个选择下拉列表：

<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 选择值是时禁用 internal_message_agent 选择元素，"No"并在选择选项时启用它"Yes"

4

2 回答 2

4

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

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

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

于 2013-10-21T18:52:39.060 回答
0

这是 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>
于 2013-10-21T19:20:12.040 回答