Question

我有一个选择下拉列表，其中列出了具有不同加密类型的服务器。

目前，我能够在标签中显示当前所选选项的加密类型（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>

Answer 1

=是一个赋值运算符。您想使用==进行比较：

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

Answer 2

所以问题是如果没有字符串或什么？

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

根据选择框的值隐藏div

2 个答案: