所以我想要的是,我有一个下拉列表(选择一些选项)。
< select id =testname =form_select > < option value =0>否< / option> < option value =1onClickshowDiv()>是< / option> < / select> < div id =hidden_divstyle =display:none;> Hello hidden content< / div>然后我用这个javascript代码试试它:
function showDiv(){ document.getElementById('hidden_div')。style.display =block; }我猜我的问题是在我的选项中使用了onClick触发器,但是我我不确定还有什么其他用途?或者我可以完全关闭这个(注意自己得到一本好的JavaScript书!) 解决方案
试试这个: p>
< select id =testname =form_selectonchange =showDiv(this)> < option value =0>否< / option> < option value =1>是< / option> < / select> 函数showDiv(elem){ if(elem.value == 1) document.getElementById('hidden_div')。style.display =block; }
Ok I've been searching for answers to this for a while but everything I come across (even when searching for javascript) comes up with jQuery! does nobody use plain javascript anymore?!?
So what I want, I have a drop down list (select with a number of options). When a certain option is selected I want a hidden div to display.
<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>Then I'm trying it with this javascript code:
function showDiv(){ document.getElementById('hidden_div').style.display = "block"; }I'm guessing my problem is with the onClick trigger in my options but I'm unsure on what else to use? Or I could be completely off with this one (note to self get a good javascript book!)
解决方案try this:
<select id="test" name="form_select" onchange="showDiv(this)"> <option value="0">No</option> <option value ="1">Yes</option> </select> function showDiv(elem){ if(elem.value == 1) document.getElementById('hidden_div').style.display = "block"; }
更多推荐
当选择选项时,javascript显示隐藏div
发布评论