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

| 我有一个ddl控件。我想更改客户端（JS）上某些项目的可见性。我只找到了用于插入\\删除项目的方法。但我只想隐藏\\显示它们。有人知道怎么做吗？

已邀请:

4 个回复

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

瞧叮

我认为您正在寻找

    <span style=\"display:none\">

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

田眯衅

在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，您只能完全删除该元素（以后可以重新添加）：

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

如果要将元素存储在某个地方以便以后添加，可以将其移动到单独的隐藏的ѭ6中。

佬棠

您唯一可以做的就是删除该选项。您可以通过以下方法在jQuery中轻松完成此操作：

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

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

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

并通过以下方式启用：

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

但是，没有办法简单地隐藏一个选项。通过“ ddl控件”，我假设结构如下：

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

要回复问题请先登录或注册

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

4 个回复

发起人

ddl

javascript

问题状态

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

与内容相关的链接

4 个回复

发起人

ddl

javascript

问题状态