隐藏条件下拉列表答案

【问题标题】：Hide drop down list on conditional隐藏条件下拉列表
【发布时间】：2015-11-04 17:15:51
【问题描述】：

我只是想在 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>

尽可能简单，但我不知道如何隐藏选择列表。它仍然存在于我的页面上。这个例子实际上隐藏了我的选择列表中的值，而不是整个选择列表。有谁知道如何做到这一点？我没主意了。提前感谢您的帮助。

【问题讨论】：

标签： javascript jquery drop-down-menu show-hide

【解决方案1】：

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

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

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

就是这样

干杯

【讨论】：

【解决方案2】：

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

window.onload = function(){

       var myVal = 10;
       if (myVal = 10) {
          document.getElementById("contracts").style.visibility="hidden";
       }

};

【讨论】：

【解决方案3】：

您应该查看显示属性，而不是可见性。检查下面的 sn-p。

<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>

【讨论】：