启用/禁用下拉列表 - Javascript

Question

我有以下代码，其中UI上有2个下拉菜单。 当我选择下拉1的值“1”时，应该禁用下拉2。 当我选择值“1”时，下拉列表2被禁用。 但是当用户从下拉列表1中选择值“2”时，我无法重新启用下拉菜单2.我不确定因为我正在为下拉列表中的两个选项的onClick事件调用performValidation()方法。

码：

<html>
<head></head>
<script = "text/javascript">
     function performValidation()
     {
           if (document.mainForm.criteriaOne.value == "1")
           {
                document.mainForm.criteriaTwo.options.length = 0;
                document.mainForm.criteriaTwo.disabled = true;
           }
           else
                document.mainForm.criteriaTwo.disabled = false;
     }
</script>
<body>
        <form name="mainForm" action= "" method ="get">
              Criteria One:<select id = "criteriaOne">
             <option value = "1" onClick ="performValidation()"> Select One - One</option>
             <option value = "2" onClick ="performValidation()"> Select one - Two</option>
              </select>
              Criteria Two:<select id = "criteriaTwo">
             <option value = "1" onClick ="performValidation()"> Select Two - One</option>
              </select>
         </form> 
</body>
</html>

Answer 1

您需要在选择类似的东西上将函数连接到onchange事件

document.getElementById("criteriaOne").onchange = function() 
         { // do some work to check the selectedIndex and determine whether to re-                enable the other drop down}

Answer 2

你不一定需要

document.mainForm.criteriaTwo.options.length = 0;

启用/禁用下拉列表 - Javascript

问题描述

2 个解决方案

解决方案1
2 已采纳 2011-03-24 20:04:07

解决方案2
0 2011-03-24 20:03:25

启用/禁用下拉列表 - Javascript

问题描述

2 个解决方案

解决方案1 2 已采纳 2011-03-24 20:04:07

解决方案2 0 2011-03-24 20:03:25

解决方案1
2 已采纳 2011-03-24 20:04:07

解决方案2
0 2011-03-24 20:03:25