2010-02-22 94 views
1

我有一个表单有两个下拉字段可以说A是一个而B是另一个。我希望下拉框B被禁用,直到选择下拉列表中的一个值A启用和禁用字段

我应该如何编写一个Java脚本?

回答

0

使用onchange事件下拉列表中选择的,以检查它的价值,改变下拉B的disabled属性:

document.getElementById("dropdown_A").onchange = function() 
{ 
    if (this.selectedIndex == 2) // if the 3rd option is selected 
     document.getElementById("dropdown_B").disabled = true; 
} 

注意此代码需要下拉后运行一个元素(或整个文件)已解析。

0

对于您的dropdown_b,请为您的dropdown_a设置disabled属性=“禁用”
,将onchange设置为将更改dropdown_b的禁用属性的函数。

<html> 
<head> 
window.onload = function() 
{ 
    dda = document.getElementById("dropdown_A"); 
    ddb = document.getElementById("dropdown_b"); 

    dda.onchange = function() 
    { 
     if(dda.options[dda.selectedIndex] != "") 
     ddb.disabled = ""; 
    }; 
} 
</head> 
<body> 
<select id="dropdown_A"> 
<option value="" selected="selected"></option> 
<option value="asdf">asdf</option> 
<option value="12345">12345</option> 
</select> 
<select id="dropdown_B"> 
.. 
</select> 
</body> 
</html> 

基本上,直到用户选择一个实际选项,什么都不会发生......所以空白选项[“”]不会取消选择其他选择。