Hide div basierend auf <select> Optionstyp

Question

Ich habe eine Auswahl Dropdown, die dynamisch ausgefüllt ist und eine Liste der Server anzeigt.

Ich habe derzeit ein Skript ein Vorhängeschloss/offenes Vorhängeschloss angezeigt zu zeigen, wenn eine Option ein Passwort erforderlich ist, ein exert dieses Skripts unten:

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"); 

Was Ich mag würde, ist zu tun, verstecken die hTML-Passwort-Eingabefeld, wenn die gewählte Option erfordert kein Passwort, aber ich glaube nicht, mein Ansatz richtig ist:

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

Answer 1

Sie so etwas tun kann .. dies ist eine Demo-I auf w3schools gefunden

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>

, dass Sie eine Idee für das Ereignis onchange geben sollte. Sie haben die hide() und show() korrekt. Fügen Sie das onchange-Ereignis jetzt einfach hinzu.