Question

我只是想隐藏html页面上的选择列表/下拉列表。我不是试图隐藏选择列表中的选项，只是整个选择列表。我有一个不明原因的最难的时间。我无法弄清楚如何做到这一点。

HTML

<HTML>
<head>
    <title>Test</title>
    <script type="text/javascript">    
       var myVal = 10;
       if (myVal = 10) {
          document.getElementById("contracts").style.visibility="hidden";
       }
    </script
</head>
<body>  
<select id="contracts" name ="contracts" style="width:99%;height:50px"></select>
</body>
</html>

尽可能简单，但我无法弄清楚如何隐藏选择列表。它仍然出现在我的页面上。此示例实际上是将值隐藏在我的选择列表中，而不是整个选择列表中。有谁知道如何做到这一点？我没有想法。在此先感谢您的帮助。

Answer 1

document.getElementById('contracts').style.display = 'none';

以上应该做你可以考虑使用jQuery。让你的生活变得简单

$('#contracts').hide();

全部

干杯

Answer 2

尝试将脚本移动到页面底部。它在元素加载之前执行。你也可以把它放在“onload”函数

中

400px

Answer 3

您应该查看display属性，而不是可见性。请查看下面的代码段。

＆＃13;

<HTML>
<head>
  <title>Test</title>
</head>
<body>  
<select id="contracts" name ="contracts" style="width:99%;height:50px"></select>
</body>
  
  <script type="text/javascript">    
    var myVal = 10;
    if (myVal = 10) {
      document.getElementById("contracts").style.display="none";
    }
  </script
    
</html>

＆＃13;

隐藏条件下拉列表

3 个答案: