如何解决如何根据选择更新 div?
我希望,当用户在 HTML 中选择一个选项时,我会在另一个 div 上显示 Block。
我将函数 OpenAskuser() 放在一个按钮中,但也不起作用。 没有按钮会更好。就在用户选择选项“是”时。显示=块
感谢社区!!
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>
解决方法
您需要附加一个调用该函数的 change
侦听器。
另外,document.getElementById("AskUser").style.display === "block"
是一个比较。改用 =
为属性赋值:
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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。