Question

我有一个ddl控件。我想改变客户端（JS）上某些项目的可见性。我只找到插入\删除项目的方法。但我只想隐藏\显示它们。

有人知道该怎么做吗？

Answer 1

我认为你正在寻找

    <span style="display:none">

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

Answer 2

您需要访问该项目并将其[edit] style.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 3

在Firefox中，您可以使用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 />。

Answer 4

你唯一能做的就是删除选项。

您可以通过以下方式在jQuery中执行此操作：

$('#yourOptionId').remove();

或者您可以通过以下方式禁用该选项：

$('#yourOptionId').attr('disabled', 'disabled');

启用：

$('#yourOptionId').removeAttr("disabled");

但是没有办法简单地隐藏一个选项。

通过“ddl控制”我假设结构将如下：

<select id="selectId">
    <option id="optionId"></option>
</select>

如何在ddl中隐藏\ show项目

4 个答案: