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值,让它显示,再让他的兄弟标签隐藏。 }