當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > 編程其他 > JavaScript創建二維數組

JavaScript創建二維數組

2012/11/6 15:49:33作者：佚名來源：網絡

移動端

【實例名稱】

JavaScript創建二維數組

【實例描述】

JavaScript提供一個數組對象Array，旦其默認只是一維數組。本例通過一個級聯菜單學習如何創建二維數組。

【實例代碼】

 
<HTML>
<HEAD>
<TITLE>二維數組示例-學無憂（www.yzddtk.cn）</title>
</HEAD>
<SCRIPT LANGUAGE=javascript>
//定義二維數組oArray,用于存放城市名稱。
var aCity=new Array();
aCity[0]=new Array();
aCity[1]=new Array();
aCity[2]=new Array();
aCity[3]=new Array();
//為二維數組賦值
aCity[0][0]="--請選擇--";
aCity[1][0]="--請選擇--";
aCity[1][1]="朝陽區";
aCity[1][2]="海淀區";
aCity[1][3]="東城區";
aCity[1][4]="西城區";
aCity[2][0]="--請選擇--";
aCity[2][1]="濟南市";
aCity[2][2]="青島市";
aCity[2][3]="濰坊市";
aCity[3][0]="--請選擇--";
aCity[3][1]="浦東區";
aCity[3][2]="徐匯區";
aCity[3][3]="虹橋";
function selectCity()
{
var i,iIndex;
iIndex=document.form1.oProvince.selectedIndex;  //獲取選擇的省或區
iCityCount=0;
while (aCity[iIndex][iCityCount]!=null)
     iCityCount++;                              
//計算選定省份的市或區個數
document.form1.oCity.length=iCityCount;         
//改變第二個下拉框的選項數
for (i=0;i<=iCityCount-1;i++)                   
//改變第二個下拉框的內容
    document.form1.oCity[i]=new Option(aCity[iIndex][i]); 
//創建區或市的下拉列表
document.form1.oCity.focus();                   
//第二個下拉框獲得焦點
} 
</SCRIPT>
<BODY onfocus=selectCity()>
<H3>選擇所在的省份及城市</H3>
<FORM NAME="form1">
<P>省份：
?，?lt;SELECT NAME="oProvince" SIZE="1" 
ONCHANGE=selectCity()>
?，，?lt;OPTION>--請選擇--</OPTION>
?，，?lt;OPTION>北京</OPTION>
?，，?lt;OPTION>山東省</OPTION>
?，，?lt;OPTION>上海</OPTION>
?，?lt;/SELECT>
</P>
<P>城市：
?，?lt;SELECT NAME="oCity" SIZE="1">
?，，?lt;OPTION>--請選擇--</OPTION> 
?，?lt;/SELECT>
</P>
</FORM>
</BODY>
</HTML> 

 
【運行效果】

JavaScript創建二維數組運行效果

【難點剖析】

本例的重點是二維數組的創建。首先使用Array創建一個一維數組“aCity”，然后將此數組中的每個項又設置為一維數組。這樣就構建了—個簡單的二維數組。注意每個數組的賦值方式。

【源碼下載】

為了JS代碼的準確性，請點擊：JavaScript創建二維數組進行本實例源碼下載

標簽：數組

上一篇：創建隨機數JS代碼怎么寫
下一篇：截斷小數點位數JS代碼怎么寫

相關文章

熱門軟件/ 推薦游戲/ 手機軟件

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频视频,欧美一级特黄录像视频