javascript 二维数组的简单示例

前端之家收集整理的这篇文章主要介绍了javascript 二维数组的简单示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
javascript没有二维数组.所有自定义了一个数组类,感兴趣的小伙伴,下面一起跟随编程之家 jb51.cc的小编来看看吧。
经测试代码如下:

<script type="text/javascript" language="javascript"> 
/**
 * 形成了一个rowLength,colLength的数组 
 *
 * @param 
 * @arrange (512.笔记) jb51.cc
 **/
function DArray(rowLength,colLength) { 
var dArray = new Array(rowLength); 
//给每一列都添加一个关于colLength的数据 
for (var i = 0; i < rowLength; i++) { 
dArray[i] = new Array(colLength); 
} 
return dArray; 
} 
function GetArray() { 
var dArray = new DArray(10,10); 
dArray[0][10] = 100; 
dArray[0][1] = "我喜欢JS"; 
alert(dArray[0][10] + "," + dArray[0][1]); 
} 
</script> 

<input type="button" value="获取二维" onclick="GetArray()" />
通过声明二维数组绑定SELECT下拉菜单 

<SCRIPT LANGUAGE=javascript> 
/**
 * 定义一个二维数组aArray,用于存放城市名称。
 *
 * @param 
 * @arrange (512.笔记) jb51.cc
 **/ 
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[1][5]="佛山市"; 
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 ChangeCity() 
{ 
var i,iProvinceIndex; 
iProvinceIndex=document.frm.optProvince.selectedIndex; 
iCityCount=0; 
while (aCity[iProvinceIndex][iCityCount]!=null) 
iCityCount++; 
//计算选定省份的城市个数 
document.frm.optCity.length=iCityCount;//改变下拉菜单的选项数 
for (i=0;i<=iCityCount-1;i++)//改变下拉菜单内容 
document.frm.optCity[i]=new Option(aCity[iProvinceIndex][i]); 
document.frm.optCity.focus(); 
} 
</SCRIPT> 

<BODY ONfocus=ChangeCity()> 
<H3>选择你所在的省份及城市</H3> 
<FORM NAME="frm"> 
<P>省份: 
<SELECT NAME="optProvince" SIZE="1" ONCHANGE=ChangeCity()> 
<OPTION>--请选择--</OPTION> 
<OPTION>广东省</OPTION> 
<OPTION>湖南省</OPTION> 
<OPTION>浙江省</OPTION> 
</SELECT> 
</P> 
<P>城市: 
<SELECT NAME="optCity" SIZE="1"> 
<OPTION>--请选择--</OPTION> 
</SELECT> 
</P> 
</FORM> 
原文链接:https://www.f2er.com/js/527766.html

猜你在找的JavaScript相关文章