根據選擇框的值隱藏div

我有一個選擇下拉列表，其中包含各種加密類型的服務器列表。根據選擇框的值隱藏div

目前我能夠在標籤（id =「type」）中顯示當前選定選項的加密類型，但如果加密=無，我也想隱藏div（#secure）。

我已經嘗試將if x = none; $("#secure").hide()添加到myFunction腳本中，但是停止了下拉填充，我不確定哪裏出錯。

所以基本上我期望實現的是如果x = none，隱藏div。提前致謝。

function myFunction() { 
 
    var x = document.getElementById("encryption").value; 
 
    document.getElementById("type").innerHTML = "Encryption type: " + x; 
 
}

<select class="browser-default" id="servers" name="servers" onchange="myFunction()" </select> 
 
<p id="type"></p> 
 

 
<div class="secure"> This server is secure </div>

來源

2017-05-19 Ryan Peters

這是哪部分代碼？ '如果x ...'？你應該使用'==='而不是'=' – Edwin

'if（x ==「none」）$（「。secure」）。hide（）else $（「。secure」）。show（）'或者，不太明顯的「if」：'$（「。secure」）。toggle（x ==「none」）' –

發佈您的所有相關代碼 – JYoThI

=是一個賦值運算符。你想用==進行比較：

if (x == 'none') { 
    $("#secure").hide(); 
}

來源

2017-05-19 10:48:26 FrankerZ

所以問題是如果沒有字符串或什麼？

function myFunction() { 
    var x = document.getElementById("encryption").value; 
    document.getElementById("type").innerHTML = "Encryption type: " + x; 
    if(x === "none") <--- pay attention here if none is really a string 
    { 
    document.getElementById("secure").style.display = "none"; <-- this actually hides the element. 
    } 
}

來源

2017-05-19 12:11:15

根據選擇框的值隱藏div

回答

相關問題