日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

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

新聞中心

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

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

這個(gè)是簡單也是最基本的聯(lián)動下拉框的示例，這個(gè)示例主要針對那些只有二級聯(lián)動，且***級是固定的選項(xiàng)，第二級的內(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)前選項(xiàng)的索引
下拉框的選項(xiàng)是一個(gè)線性數(shù)組，每個(gè)選項(xiàng)都有一個(gè)索引，selectedIndex表示當(dāng)前被選中的選項(xiàng)的索引號。結(jié)合options屬性，可以得到被選中的option對象，從而對其做進(jìn)一步的處理。當(dāng)下拉框可多選時(shí)，selectedIndex屬性返回***個(gè)被選中的索引。 

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

2、為select對象添加一個(gè)選項(xiàng)

顯示代碼打印 

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

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

3、清空一個(gè)select對象

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

顯示代碼打印

 
 
 
    
  
  
  
  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實(shí)現(xiàn)二級聯(lián)動下拉框
本文鏈接：http://www.dlmjj.cn/article/dpidodc.html