如何通过选择的选项设置在弹出式菜单的变化

How to set via selected options changes in popup menu?

本文关键字：弹出式菜单 变化 设置 选项 何通过 选择      更新时间：2023-09-26

我有这些选项:

<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>

所以我需要的是当用户选择我是一个买家标签"选择你的品牌"和行业选项选择要隐藏，但当我点击我是车库出现。

<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

相关文章：