本篇內(nèi)容介紹了“JavaScript如何實(shí)現(xiàn)一個(gè)二級聯(lián)動下拉框”的有關(guān)知識，在實(shí)際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

10余年的佳縣網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。成都營銷網(wǎng)站建設(shè)的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動調(diào)整佳縣建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。成都創(chuàng)新互聯(lián)從事“佳縣網(wǎng)站設(shè)計(jì)”,“佳縣網(wǎng)站推廣”以來，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

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

顯示代碼打印

                           //定義了城市的二維數(shù)組，里面的順序跟省份的順序是相同的。通過selectedIndex獲得省份的下標(biāo)值來得到相應(yīng)的城市數(shù)組   var city=[   ["北京","天津","上海","重慶"],   ["南京","蘇州","南通","常州"],   ["福州","福安","龍巖","南平"],   ["廣州","潮陽","潮州","澄海"],   ["蘭州","白銀","定西","敦煌"]   ];    function getCity(){   //獲得省份下拉框的對象   var sltProvince=document.form1.province;   //獲得城市下拉框的對象   var sltCity=document.form1.city;   //得到對應(yīng)省份的城市數(shù)組   var provinceCity=city[sltProvince.selectedIndex - 1];   //清空城市下拉框，僅留提示選項(xiàng)   sltCity.length=1;   //將城市數(shù)組中的值填充到城市下拉框中   for(var i=0;i               請選擇所在省份    直轄市    江蘇省    福建省    廣東省    甘肅省          請選擇所在城市             

這段代碼比較簡單。

如果對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)

顯示代碼打印

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

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

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

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

顯示代碼打印

var l=myselect.length;   for(var i=0;i
第二種方法比較簡單，因此一般都使用此方法：
顯示代碼打印
myselect.length=0;
“JavaScript如何實(shí)現(xiàn)一個(gè)二級聯(lián)動下拉框”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！
            
            
                        

            分享名稱：JavaScript如何實(shí)現(xiàn)一個(gè)二級聯(lián)動下拉框            

            標(biāo)題路徑：http://weahome.cn/article/gjieid.html