日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
JavaScript實現(xiàn)二級聯(lián)動下拉框

Javascript是一種由Netscape的LiveScript發(fā)展而來的原型化繼承的面向?qū)ο蟮膭討B(tài)類型的區(qū)分大小寫的客戶端腳本語言，主要目的是為了解決服務(wù)器端語言，比如Perl，遺留的速度問題，為客戶提供更流暢的瀏覽效果。

這個是簡單也是最基本的聯(lián)動下拉框的示例，這個示例主要針對那些只有二級聯(lián)動，且***級是固定的選項，第二級的內(nèi)容也比較簡單。這里使用了javascript來聯(lián)動第二級下拉框 。

顯示代碼打印 

 
 
 
    
  
  
  
  1.    
    2. 
  
  
  
  2.    
    3. 
  
  
  
  3.    
    4. 
  
  
  
  4.  New Document    
    5. 
  
  
  
  5.    
    6. 
  
  
  
  6.    
    7. 
  
  
  
  7.    
    8. 
  
  
  
  8.    
    9. 
  
  
  
  9.    
    10. 
  
  
  
  10.    
    11. 
  
  
  
  11.    
    12. 
  
  
  
  12.    
    13. 
  
  
  
  13.    
    14. 
  
  
  
  14. 請選擇所在省份    
    15. 
  
  
  
  15. 直轄市    
    16. 
  
  
  
  16. 江蘇省    
    17. 
  
  
  
  17. 福建省    
    18. 
  
  
  
  18. 廣東省    
    19. 
  
  
  
  19. 甘肅省    
    20. 
  
  
  
  20.    
    21. 
  
  
  
  21.    
    22. 
  
  
  
  22. 請選擇所在城市    
    23. 
  
  
  
  23.    
    24. 
  
  
  
  24.    
    25. 
  
  
  
  25.    
    26. 
  
  
  
  26.   
    27.

這段代碼比較簡單。

如果對js不大熟悉，可以看看下面關(guān)于js處理select對象的內(nèi)容：

1、使用selectedIndex屬性獲取當(dāng)前選項的索引
下拉框的選項是一個線性數(shù)組，每個選項都有一個索引，selectedIndex表示當(dāng)前被選中的選項的索引號。結(jié)合options屬性，可以得到被選中的option對象，從而對其做進一步的處理。當(dāng)下拉框可多選時，selectedIndex屬性返回***個被選中的索引。 

selectedIndex是個只讀的屬性，想把通過索引指定的下拉框的項設(shè)置為選中狀態(tài)，可以設(shè)置option對象的selected=true來實現(xiàn)。

2、為select對象添加一個選項

顯示代碼打印 

 
 
 
    
  
  
  
  1. sltCity[i+1]=new Option(provinceCity[i],provinceCity[i]);   
    2. 
  
  
  
  2. new Option(provinceCity[i],provinceCity[i])  
    3.

表示創(chuàng)建一個值為provinceCity[i]，文本為provinceCity[i]的option對象，sltCity是頁面上的city對象，i+1指定新添選項的位置。

3、清空一個select對象

要將下拉框的所有選項刪除有兩種方法，***種方法就是遍歷刪除：

顯示代碼打印

 
 
 
    
  
  
  
  1. var l=myselect.length;   
    2. 
  
  
  
  2. for(var i=0;i
  
  
  
  3. myselect.options[i]=null;   
    4. 
  
  
  
  4. }   
    5. 
  
  
  
  5.  
    6.

第二種方法比較簡單，因此一般都使用此方法：

顯示代碼打印

 
 
 
    
  
  
  
  1. myselect.length=0;  
    2.

通過本文的介紹，希望能給你帶來幫助。關(guān)于其他下拉框聯(lián)動的問題，將在后續(xù)章節(jié)中繼續(xù)介紹，敬請關(guān)注。


本文名稱：JavaScript實現(xiàn)二級聯(lián)動下拉框
本文網(wǎng)址：http://www.5511xx.com/article/dpidodc.html