[英]How can I update a div based on a selection?
I would like, that when user select an option in HTML, I display Block on, an other div.我希望,当用户在 HTML 中选择一个选项时,我会在另一个 div 上显示 Block。
I put the Function OpenAskuser() in a button, and not work too.我将函数 OpenAskuser() 放在一个按钮中,但也不起作用。 It will be even better, without button.
没有按钮会更好。 Just when user select the option "yes".
就在用户选择选项“是”时。 The Display=Block
显示=块
Thank you community!!谢谢社区!!
function OpenAskuser() { var select = document.getElementById("imputYesNo"); if (select.value === "Yes") { document.getElementById("AskUser").style.display === "block" } }
<p class=title-box-input>Are you member?</p> <select name="imputYesNo" class=box id="imputYesNo"> <option value="category-default" selected>Choose</option> <option value=Yes>Yes</option> <option value="no">No</option> </select> <br> <div class=user-yes id=AskUser style=display:none;> <p class=title-box-input>Ok, then what is your nickname?</p> <textarea type="text" class=box> </textarea> </div>
You need to attach a change
listener that calls the function.您需要附加一个调用该函数的
change
侦听器。
Also, document.getElementById("AskUser").style.display === "block"
is a comparison.此外,
document.getElementById("AskUser").style.display === "block"
是一个比较。 Use =
instead to assign a value to the property:使用
=
来为属性赋值:
function OpenAskuser() { var select = document.getElementById("imputYesNo"); if (select.value === "Yes") { document.getElementById("AskUser").style.display = "block"; } }
<p class=title-box-input>Are you member?</p> <select name="imputYesNo" class=box id="imputYesNo" onchange="OpenAskuser()"> <option value="category-default" selected>Choose</option> <option value=Yes>Yes</option> <option value="no">No</option> </select> <br> <div class=user-yes id="AskUser" style=display:none;> <p class=title-box-input>Ok, then what is your nickname?</p> <textarea type="text" class=box> </textarea> </div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.