Javascript 选择隐藏和显示中的选项列表

我有两个下拉列表，我想知道是否有可能根据第一个下拉列表中选择的值在第二个下拉列表中显示和隐藏一些选项

<script language="JavaScript">
 function funchk(){
  document.getElementById('z').style.display="block";

  }

    </script>


    <select name="first" onchange="funchk();">
       <option name="asw" value="a">sda</option>
       <option name="sd" value="sd">ZZ</option>
    <option name="rdf" value="afe">fe</option>
       <option name="bfe" value="bfe">fe3</option>
       </select>         <?php echo "<br/>" ?>
     <select name="second">
      <option name="a" value="a">aa</option>
         <option name="z" value="a" style="display:none">ZZ</option>
        <option name="r" value="a" style="display:none">aa</option>
         <option name="b" value="b">bb</option>
         </select>

函数funchk（）{
document.getElementById（'z'）.style.display=“block”；
}
sda
ZZ
铁
三氧化二铁
aa
ZZ
aa
bb

---

在这里，我想在第二个下拉列表中显示“z”选项，在单击第一个下拉列表的值时显示该选项。

否，您不能依靠设置CSS来显示/隐藏

元素

<script language="JavaScript">
 function funchk(){
  document.getElementById('z').style.display="block";

  }

    </script>


    <select name="first" onchange="funchk();">
       <option name="asw" value="a">sda</option>
       <option name="sd" value="sd">ZZ</option>
    <option name="rdf" value="afe">fe</option>
       <option name="bfe" value="bfe">fe3</option>
       </select>         <?php echo "<br/>" ?>
     <select name="second">
      <option name="a" value="a">aa</option>
         <option name="z" value="a" style="display:none">ZZ</option>
        <option name="r" value="a" style="display:none">aa</option>
         <option name="b" value="b">bb</option>
         </select>

您需要删除它们，或者只是简单地禁用/启用它们

function funchk() {
    document.getElementsByName('z')[0].disabled = false;
}

---

aa
ZZ
aa
bb

您必须使用javascript来实现这一点

在这里你可以找到不同的例子如何做到这一点

---

利用文档对象模型（DOM）和Javascript事件来操作HTML节点