javascript經(jīng)典案例-資料下載頁(yè)
2025-06-13 07:10本頁(yè)面
【正文】 9。自貢 39。, …, 39。 瀘州 39。]。 cityList[1]=[39。濟(jì)南 39。, 39。青島 39。, … 39。 威海 39。, 39。日照 39。]。 cityList[2] = [39。武漢 39。, 39。宜昌 39。, … 39。 恩施 39。, 39。潛江 39。]。 (BR四川省包括的城市是： HR)。 for (var j in cityList[0]) { (cityList[0][j] +BR)。 } /SCRIPT 創(chuàng)建數(shù)組，可以不指定大小 為數(shù)組賦值。每個(gè)單元格可以是數(shù)組。 JavaScript不支持二維數(shù)組 循環(huán)輸出 . 0表示四川省的索引號(hào)，同理可以換為山東省－索引號(hào) 1 使用數(shù)組優(yōu)化省市級(jí)聯(lián)功能 用數(shù)組優(yōu)化解決省市級(jí)聯(lián)問(wèn)題： 0 1 2 一維數(shù)組 : cityList 數(shù)組索引號(hào) 1 下拉框索引號(hào)selectedIndex 0 1 2 3 用數(shù)組存放每個(gè)省 份 包含的城市 根據(jù)用戶選擇 的 省份索引號(hào)，找到對(duì)應(yīng)的 數(shù)組索引號(hào) 根據(jù)對(duì)應(yīng)的數(shù)組內(nèi)容， 添加城市選項(xiàng)到城市下拉框中 cityList[0] cityList[1] cityList[2] 使用數(shù)組優(yōu)化省市級(jí)聯(lián)功能 用數(shù)組優(yōu)化解決省市級(jí)聯(lián)問(wèn)題： function changeCity( ) { var cityList = new Array( )。 cityList[0]=[39。成都 39。, 39。綿陽(yáng) 39。, 39。德陽(yáng) 39。, 39。自貢 39。, … 39。 瀘州 39。]。 cityList[1]=[39。濟(jì)南 39。, 39。青島 39。, ?… 39。 日照 39。]。 cityList[2] = [39。武漢 39。, 39。宜昌 39。, … 39。 潛江 39。]。 var pIndex=。 var newOption1。 =0。 for (var j in cityList[pIndex]) { newOption1=new Option(cityList[pIndex][j], cityList[pIndex][j])。 (newOption1)。 } 創(chuàng)建數(shù)組，存放各省份對(duì)應(yīng)城市 根據(jù)用戶選擇的省份索引號(hào)，獲取對(duì)應(yīng)數(shù)組索引號(hào) 根據(jù)數(shù)組內(nèi)容創(chuàng)建選項(xiàng)，并添加到城市下拉框 清空原下拉框內(nèi)容 小結(jié) 2 用數(shù)組優(yōu)化學(xué)期、選修課程的級(jí)聯(lián)。 各學(xué)期對(duì)應(yīng)課程 第一學(xué)期： HTML、 Java、 SqlServer基礎(chǔ)、 C 第二學(xué)期： JavaScript、 SqlServer高級(jí)、 第二學(xué)年：劉德華、李宇春、曾軼可 使用文字下標(biāo)的數(shù)組再次優(yōu)化 使用索引號(hào)必須要求省份的排列順序和數(shù)組編號(hào)相同。 …… cityList[0]=[39。成都 39。, ... 39。瀘州 39。]。 cityList[1]=[39。濟(jì)南 39。, …39。 日照 39。]。 cityList[2]=[39。武漢 39。, …39。 潛江 39。]。 cityList[3]=[39。合肥 39。,…? 亳州 39。]。 cityList[4]=[39。東莞 39。, …39。 珠海 39。]。 cityList[5]=[39。桂林 39。,… 39。 賀州 39。]。 cityList[6]=[39。貴陽(yáng) 39。, …39。 遵義 39。]。 …… SELECT name=selProvince OPTION 四川省 /OPTION OPTION 山東省 /OPTION OPTION 湖北省 /OPTION OPTION 安徽省 /OPTION OPTION 廣東省 /OPTION OPTION 廣西省 /OPTION OPTION 貴州省 /OPTION /SELECT 當(dāng) 30多個(gè)省份羅列在一起時(shí)容易搞錯(cuò)對(duì)應(yīng)關(guān)系 ，有沒(méi)有更直觀的辦法 ? 使用文字下標(biāo)的數(shù)組再次優(yōu)化 JavaScript中的數(shù)組 下標(biāo)可以采用標(biāo)識(shí)符 代替。 例如： cityList[39。山東省 39。] = [39。濟(jì)南 39。, 39。青島 39。, 39。淄博 39。, 39。棗莊 39。, 39。東營(yíng) 39。, 39。煙臺(tái) 39。, 39。濰坊 39。, 39。濟(jì)寧 39。, 39。泰安 39。, 39。威海 39。, 39。日照 39。]。 可以根據(jù)用戶選擇的 value值 ，與數(shù)組下標(biāo)標(biāo)識(shí) 進(jìn)行比較，從而找出該省包括的城市。 用文字下標(biāo)的數(shù)組優(yōu)化省市級(jí)聯(lián)菜單： 使用文字下標(biāo)的數(shù)組再次優(yōu)化 function changeCity( ) { var cityList = new Array( )。 cityList[?四川省’ ]=[39。成都 39。, 39。綿陽(yáng) 39。, , … 39。 瀘州 39。]。 cityList[?山東省’ ]=[39。濟(jì)南 39。, 39。青島 39。, ?… 39。 日照 39。]。 cityList[?湖北省’ ] = [39。武漢 39。, 39。宜昌 39。, … 39。 潛江 39。]。 var pIndex=。 var newOption1。 =0。 for (var j in cityList[pIndex]) { newOption1=new Option(cityList[pIndex][j], cityList[pIndex][j])。 (newOption1)。 } 數(shù)組下標(biāo)采用文字標(biāo)識(shí)符代替 根據(jù)省份下拉框的值，獲取對(duì)應(yīng)數(shù)組的索引標(biāo)識(shí) 數(shù)組的讀取和數(shù)字索引方式相同 常見(jiàn)錯(cuò)誤 SCRIPT language=javascript var Bookinfo = new Array(2)(4)。 Bookinfo[0][0]= “6533305753”。 Bookinfo[0][1]= “Ajax高級(jí)編程” Bookinfo[0][2]= “鐵手 ” Bookinfo[0][3]= “人民郵電出版社 ” Bookinfo[1][0]= “6533305758”。 Bookinfo[2][1]= “精通正則表達(dá)式” Bookinfo[3][2]= “余晟 ” Bookinfo[4][3]= “電子工業(yè)出版社 ” /SCRIPT JavaScript中沒(méi)有二維或二維以上數(shù)組 小結(jié) 3 數(shù)組下標(biāo)采用文字標(biāo)識(shí)的方式，實(shí)現(xiàn)學(xué)期、課 程的級(jí)聯(lián)。 各學(xué)期對(duì)應(yīng)課程 第一學(xué)期： HTML、 Java、 SqlServer基礎(chǔ)、 C 第二學(xué)期： JavaScript、 SqlServer高級(jí)、 第二學(xué)年：劉德華、李宇春、曾軼可
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號(hào)-1