如何在ddl中隐藏\显示项目

Question

我有一个ddl控件。我想要更改客户端(JS)上某些项目的可见性。我只找到了插入\删除项的方法。但我只想隐藏\展示它们。

有人知道如何做到这一点吗？

Answer 1

您需要访问该项并将其editstyle.display/edit设置为"none"：

<html>
  <head>
    <script type="text/javascript">
      function hideItem() {
         document.getElementById("a3").style.display = "none";
      }
    </script>
    <body onload="hideItem()">
       <form>
          <select name="ddl" size="1">
            <option id="a1">Option 1</option>
            <option id="a2">Option 2</option>
            <option id="a3">Option 3</option>
            <option id="a4">Option 4</option>
            <option id="a5">Option 5</option>
          </select>
       </form>
   </body>
</html>

Answer 2

我想你是在找

    <span style="display:none">

选项。您可以使用Javascript切换此样式。

Answer 3

在火狐中，你可以使用display风格：

<select id="s" name="ddl" size="1">
    <option id="a1">Option 1</option>
    <option id="a2">Option 2</option>
    <option id="a3">Option 3</option>
    <option id="a4">Option 4</option>
    <option id="a5">Option 5</option>
</select>

和：

document.getElementById("a3").style.display = "none";

但是，这在Internet Explorer上不起作用。对于IE，您只能使用remove the element entirely (可能稍后重新添加)：

document.getElementById("s").options[2] = null; 

如果您希望将元素存储在某个位置以便以后添加，可以将该元素移动到一个单独的隐藏<select />中。