Question

我有一个包含两个下拉字段的表单，我们可以说A是一个而B是另一个。我希望停用下拉框B，直到选中下拉列表A中的某个值为止。

我应该如何编写Java脚本？

Answer 1

使用下拉列表A的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;
}

请注意，此代码需要在下拉A元素（或整个文档）被解析后运行。

Answer 2

对于你的dropdown_b，使禁用的属性=“禁用”
对于你的dropdown_a，将onchange更改为一个将改变dropdown_b的disabled属性的函数。

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

基本上，在用户选择实际选项之前，不会发生任何事情......因此空白选项[“”]不会取消选择其他选项。

启用和禁用字段

2 个答案: