我想使用纯 JavaScript。我有一个下拉列表( <select>
有很多 <option>
s)。选择某个选项后,我希望显示一个隐藏的 div。
<select id="test" name="form_select">
<option value="0">No</option>
<option value ="1" onClick"showDiv()">Yes</option>
</select>
<div id="hidden_div" style="display: none;">Hello hidden content</div>
然后我尝试使用这个普通的 JavaScript 代码:
function showDiv(){
document.getElementById('hidden_div').style.display = "block";
}
我猜我的问题出在选项中的 onClick 触发器上,但我不确定还可以使用什么?
最佳答案
试试这个:
function showDiv(divId, element)
{
document.getElementById(divId).style.display = element.value == 1 ? 'block' : 'none';
}
#hidden_div {
display: none;
}
<select id="test" name="form_select" onchange="showDiv('hidden_div', this)">
<option value="0">No</option>
<option value="1">Yes</option>
</select>
<div id="hidden_div">This is a hidden div</div>
关于javascript - 选择选择选项时如何显示隐藏的 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16015933/