软件学堂

网游分类软件分类

JavaScript创建二维数组

2012-11-06 来源:网络

【实例名称】

JavaScript创建二维数组

【实例描述】

JavaScript提供一个数组对象Array,旦其默认只是一维数组。本例通过一个级联菜单学习如何创建二维数组。

【实例代码】

 

<HTML> <HEAD> <TITLE>二维数组示例-学无忧(www.xue51.com)</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>省份: <SELECT NAME="oProvince" SIZE="1" ONCHANGE=selectCity()> <OPTION>--请选择--</OPTION> <OPTION>北京</OPTION> <OPTION>山东省</OPTION> <OPTION>上海</OPTION> </SELECT> </P> <P>城市: <SELECT NAME="oCity" SIZE="1"> <OPTION>--请选择--</OPTION> </SELECT> </P> </FORM> </BODY> </HTML>

 

【运行效果】

 JavaScript创建二维数组运行效果

【难点剖析】

本例的重点是二维数组的创建。首先使用Array创建一个一维数组“aCity”,然后将此数组中的每个项又设置为一维数组。这样就构建了—个简单的二维数组。注意每个数组的赋值方式。

【源码下载】

为了JS代码的准确性,请点击:JavaScript创建二维数组 进行本实例源码下载 

上一篇:创建随机数JS代码怎么写
下一篇:截断小数点位数JS代码怎么写

相关文章