Javascript禁用另一个选择框选项中的选择框 [英] Javascript disable select box on another select box option

问题描述

我有两个选择下拉列表：

 < select name =internal_message> 
< option value =yes>是< / option> 
 < / select> 
  

和

 < select name =internal_message_agent> 
< option value =>选择< / option> .... etc 
< / select> 
  

我试过了：

 < select name =internal_message> 
< option value =yesonClick =document.getElementById（'internal_message_agent'）。disabled =！this.selected;> Yes< / option> 
 < / select> 
  

但它不起作用 - 我怎样才能让它工作，以禁用internal_message_agent select元素被禁用时internal_message选择的值是No，并且当选择的选项是Yes时启用它。

解决方案

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

<$ p $（this）.val（）==='no'）{$（$'$'）$（$＃$） b'b $（'＃box2'）。attr（'disabled'，'disabled'）;
} else {
$（'＃box2'）。attr（'disabled'，false）;
}
}）;

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

I have two select dropdown lists:

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

and

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

I have tried:

<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>

but it doesnt work - how can i get it working to disable the internal_message_agent select element to be disabled when the internal_message selected value is "No" and enable it when the selected option is "Yes"

解决方案

Add an ID to each select and use jquery to disable it like so:

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

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

这篇关于Javascript禁用另一个选择框选项中的选择框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！