隐藏基于<select>选项类型的div

Question

我有一个动态填充的选择下拉列表，并显示服务器列表。 我目前有一个脚本来显示一个挂锁/打开挂锁，以显示一个选项是否需要密码，这个脚本的执行如下所示： var has_password = true; if（stations [i] .Encryption ==＆＃34; none＆＃34;）has_password = false; if（stations [i] .Quality == 100）img = （has_password＆＃34; /images/pass.png"：＆＃34; /images/nopass.png"）; 我想要做的是隐藏html密码输入字段，如果所选选项不需要密码但我不认为我的方法是正确的： if（stations [i] .Encryption ==＆＃34; none＆＃34;）; $（＆＃34;＃密码DIV＆＃34）。隐藏（）; 其他 { $（＆＃34;＃密码DIV＆＃34）。显示（）;

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事件。