首頁  >  文章  >  web前端  >  js中三級聯動的實現

js中三級聯動的實現

巴扎黑
巴扎黑原創
2016-11-25 10:50:431160瀏覽

連動的實作其實很簡單,但有些細節很容易出錯。在此分享我在學習了二級連動後,去實現三級連動的基本想法。 
      想法:因為二級連動是一級聯與二級聯透過onchange事件連接,所以三級連動便是二級聯與三級聯連結。 (可能表述不夠清楚)簡單的來說其過程大致是:A事件-觸發-B事件-觸發-C事件。 
      注意事項:特別要注意其中陣列對應的下標與選項value值的相符。 option選項中各項選項的value值也可以是數字,value值用數字更方便實現。
例題:      
各學期對應課程                                                 
課程: 
第一學年—>第一學期—>HTML,Java,SqlServer課程基礎課程基礎,C#
第一學年—>第二學期—>javascript,.Net,SqlServer高級,JSP 
第二學年—>第一學期—>Struts,ASP.NET,Ajax 
第二學年—>第二學期—>Spring ,Hibernate                  
            html>  

  

 

  
     三級連動  

   

   

    
 (this)函數,實現 學年 與 學期 之間的連動-->  

    
學年     

    
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn