5.用JQuery實現選中select里面的option顯示對應的div


用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值,讓它顯示,再讓他的兄弟標簽隱藏。
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM