javascript - 根据 <select> 选项类型隐藏 div

Question

我有一个动态填充并显示服务器列表的选择下拉列表。

我目前有一个脚本来显示挂锁/打开挂锁以显示选项是否需要密码，该脚本的作用如下所示:

var has_password=true;
if(stations[i].Encryption =="none") has_password=false;
if(stations[i].Quality==100) img=
(has_password?"/images/pass.png":"/images/nopass.png");  

如果所选选项不需要密码，我想做的是隐藏 html 密码输入字段，但我认为我的方法不正确:

if(stations[i].Encryption =="none");
$("#password-div").hide();
else
{
$("#password-div").show(); 

Answer 1

你可以这样做..这是我在 w3schools 上找到的一个演示

function myFunction() {
    var x = document.getElementById("mySelect").value;
    document.getElementById("demo").innerHTML = "You selected: " + x;
}

<select id="mySelect" onchange="myFunction()">
  <option value="Audi">Audi
  <option value="BMW">BMW
  <option value="Mercedes">Mercedes
  <option value="Volvo">Volvo
</select>

<p>When you select a new car, a function is triggered which outputs the value of the selected car.</p>

<p id="demo"></p>

这应该会让您对 onchange 事件有所了解。您的 hide() 和 show() 正确。现在只需添加 onchange 事件。