隐藏有条件的下拉列表

Hide drop down list on conditional

本文关键字：下拉列表 有条件 隐藏      更新时间：2023-09-26

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

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

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

以上内容即可不过你可以考虑使用jQuery。让你的生活变得简单

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

这都是

干杯

尝试将脚本移动到页面底部。它在加载元素之前执行。你也可以把它放在"加载"功能中

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

您应该关注的不是可见性，而是显示属性。请查看下面的片段。

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

相关文章：