2016-09-05 6 views
0

私はこれらのオプションがあります。ポップアップメニューで選択したオプションの変更を介して設定する方法は?

<form> 
<select id="poSelect" > 
<option selected disabled>Choose here</option> 
<option id="buyeroption" value="100101">I am a Buyer</option>                   
<option id="garageoption" value="100102">I am a Garage</option>                   
</select> 

<label>Full Name</label> 
<input type="text" /> 

<label>Email Address</label> 
<input type="email" /> 

<label>Password</label> 
<input type="password" /> 

<label id="industrylabel" >Select Your Brand</label> 
<select id="industryoption"> 
<option selected disabled>Select</option> 
<option value="Renault">Renault</option> 
<option value="Pegaut">Pegaut</option> 
<option value="Citroen">Citroen</option> 
</select> 

<div class="form-check-label"> 
<input id="send_updates" type="checkbox" /> 
<label for="send_updates">Send me occasional email updates</label> 
</div> 

だから私は必要なものであるユーザーが、私はバイヤーのラベルと隠されるために選択し、業界のオプション「あなたのブランドを選択して」私がクリックしたときに、私が表示されるようにガレージをアム選択したとき。

+1

あなたは、簡単に出力 – Gowtham

+0

の適切なコードスニペットや画像多分これを私たちに説明することができます(機能していない)JSFiddleは、必要なロジックを知ることができます。 – Feathercrown

答えて

0
<form> 
<select id="mySelect"> 
<option id="apple">Apple</option> 
<option id="orange">Orange</option> 
<option id="pineapple">Pineapple</option> 
<option id="banana">Banana</option> 
</select> 
</form> 
<p></p> 

<button onclick="myFunction()">textbox1</button> 
<p id="demo"></p> 
<script> 
function myFunction() { 
var x = document.getElementById("mySelect").options.namedItem("banana").text; 
document.getElementById("demo").innerHTML = x; 
} 
</script> 

はたぶん、あなたは任意のものを変更したい場合は、このリンクをチェックしてくださいというような何かをしたい: - http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_select_options6

関連する問題