用JQuery實現選中select里面的option顯示對應的div
HTML:
<select name="" onchange="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值,讓它顯示,再讓他的兄弟標簽隱藏。
}