javascript 二维数组的实现与应用
javascript 二维数组的实现与应用
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:二维函数/*形成了一个rowLength,colLength的数组*/functionDArray(rowLength,c...

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

<title>二维函数</title>

<script type="text/javascript" language="javascript">

/*

形成了一个rowLength,colLength的数组

*/

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>

</head>

<body>

<input type="button" value="获取二维" />

</body>

</html>

通过声明二维数组绑定SELECT下拉菜单

复制代码 代码如下:

<HTML>

<HEAD>

<TITLE>动态改变下拉菜单内容示例</TITLE>

</HEAD>

<SCRIPT LANGUAGE=javascript>

//定义一个二维数组aArray,用于存放城市名称。

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>

</BODY>

</HTML>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类