<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のパスワード入力欄選択されたオプションは、パスワードを必要としませんが、私は私のアプローチが正しいとは思わない場合：これは私がW3Schoolsの上で見つかったデモ..です

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

Answer 1

あなたはこのような何かを行うことができます

あなたのonchangeイベントのアイデアを与える必要があり

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>

。 hide（）とshow（）は正しいです。今すぐonchangeイベントを追加してください。