用JQuery实现选中select里面的option显示对应的div
原创
©著作权归作者所有:来自51CTO博客作者小小小市民的原创作品,请联系作者获取转载授权,否则将追究法律责任
HTML:
<select name="" οnchange="select(this)">
<option value="1">题目一</option>
<option value="2">题目二</option>
<option value="3">题目三</option>
<option value="4">题目四</option>
</select><div>
<div id="div1">内容一
</div>
<div id="div2" style="display:none">内容二
</div>
<div id="div3" style="display:none">内容三
</div>
<div id="div4" style="display:none">内容四
</div>
</div>
//我试过,内容标签只能用id,不能用class.
//而且js的文件名不能为select。
JS:
function select(obj){
$("#div" + obj.value).show().siblings().hide();//找到内容的标签 + 点击select获得的value值,让它显示,再让他的兄弟标签隐藏。
}