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

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

新聞中心

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

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

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

顯示代碼打印 

 
 
 
    
  
  
  
  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. 請(qǐng)選擇所在省份    
    15. 
  
  
  
  15. 直轄市    
    16. 
  
  
  
  16. 江蘇省    
    17. 
  
  
  
  17. 福建省    
    18. 
  
  
  
  18. 廣東省    
    19. 
  
  
  
  19. 甘肅省    
    20. 
  
  
  
  20.    
    21. 
  
  
  
  21.    
    22. 
  
  
  
  22. 請(qǐng)選擇所在城市    
    23. 
  
  
  
  23.    
    24. 
  
  
  
  24.    
    25. 
  
  
  
  25.    
    26. 
  
  
  
  26.   
    27.

這段代碼比較簡(jiǎn)單。

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

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

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

2、為select對(duì)象添加一個(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對(duì)象，sltCity是頁(yè)面上的city對(duì)象，i+1指定新添選項(xiàng)的位置。

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

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

顯示代碼打印

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

第二種方法比較簡(jiǎn)單，因此一般都使用此方法：

顯示代碼打印

 
 
 
    
  
  
  
  1. myselect.length=0;  
    2.

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


分享題目：JavaScript實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)下拉框
瀏覽路徑：http://m.5511xx.com/article/dpidodc.html