有條件隱藏下拉列表

我只是試圖隱藏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>

由於simpel一樣可以，但我無法弄清楚如何隱藏選擇列表中。它仍然存在於我的網頁上。這個例子實際上是隱藏了我的選擇列表中的值，而不是整個選擇列表。有誰知道如何做到這一點？我沒有想法。在此先感謝您的幫助。

來源

2015-11-04 user1898629

爲什麼jQuery的標籤？ – j08691

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

以上應該做你的人考慮使用jQuery雖然。讓你的生活簡單

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

這是所有

乾杯

來源

2015-11-04 17:20:41

嘗試和移動腳本到頁面的底部。它在元素加載之前執行。你也可以把它放在「加載」功能

window.onload = function(){ 

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

};

來源

2015-11-04 17:24:59 chaggy

而不是可見性，你應該看看顯示屬性。檢查下面的代碼片段。

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

來源

2015-11-04 17:25:15 Custodio

有條件隱藏下拉列表

回答

相關問題