js中三級聯動的實現

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

  

 

  
     三級連動  

   

   

    

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

    學年 10選擇  

        第一學年