快捷導(dǎo)航

javascript 二維數(shù)組的實(shí)現(xiàn)與應(yīng)用

更新時(shí)間：2010年03月16日 17:50:31 作者：

javascript沒(méi)有二維數(shù)組.所有自定義了一個(gè)數(shù)組類(lèi)，下面是實(shí)例代碼，需要的朋友可以參考下。

<!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>二維函數(shù)</title> 
<script type="text/javascript" language="javascript"> 
/* 
形成了一個(gè)rowLength,colLength的數(shù)組 
*/ 
function DArray(rowLength, colLength) { 
var dArray = new Array(rowLength); 
//給每一列都添加一個(gè)關(guān)于colLength的數(shù)據(jù) 
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="獲取二維" onclick="GetArray()" /> 
</body> 
</html> 

通過(guò)聲明二維數(shù)組綁定SELECT下拉菜單

復(fù)制代碼代碼如下:

<HTML> 
<HEAD> 
<TITLE>動(dòng)態(tài)改變下拉菜單內(nèi)容示例</TITLE> 
</HEAD> 
<SCRIPT LANGUAGE=javascript> 
//定義一個(gè)二維數(shù)組aArray,用于存放城市名稱(chēng)。 
var aCity=new Array(); 
aCity[0]=new Array(); 
aCity[1]=new Array(); 
aCity[2]=new Array(); 
aCity[3]=new Array(); 
//賦值，每個(gè)省份的城市存放于數(shù)組的一行。 
aCity[0][0]="--請(qǐng)選擇--"; 
aCity[1][0]="--請(qǐng)選擇--"; 
aCity[1][1]="廣州市"; 
aCity[1][2]="深圳市"; 
aCity[1][3]="珠海市"; 
aCity[1][4]="汕頭市"; 
aCity[1][5]="佛山市"; 
aCity[2][0]="--請(qǐng)選擇--"; 
aCity[2][1]="長(zhǎng)沙市"; 
aCity[2][2]="株州市"; 
aCity[2][3]="湘潭市"; 
aCity[3][0]="--請(qǐng)選擇--"; 
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++; 
//計(jì)算選定省份的城市個(gè)數(shù) 
document.frm.optCity.length=iCityCount;//改變下拉菜單的選項(xiàng)數(shù) 
for (i=0;i<=iCityCount-1;i++)//改變下拉菜單的內(nèi)容 
document.frm.optCity[i]=new Option(aCity[iProvinceIndex][i]); 
document.frm.optCity.focus(); 
} 
</SCRIPT> 
<BODY ONfocus=ChangeCity()> 
<H3>選擇你所在的省份及城市</H3> 
<FORM NAME="frm"> 
<P>省份： 
?，?lt;SELECT NAME="optProvince" SIZE="1" ONCHANGE=ChangeCity()> 
?，?lt;OPTION>--請(qǐng)選擇--</OPTION> 
?，?lt;OPTION>廣東省</OPTION> 
?，，?lt;OPTION>湖南省</OPTION> 
?，，?lt;OPTION>浙江省</OPTION> 
?，?lt;/SELECT> 
</P> 
<P>城市： 
?，?lt;SELECT NAME="optCity" SIZE="1"> 
?，?lt;OPTION>--請(qǐng)選擇--</OPTION> 
?，?lt;/SELECT> 
</P> 
</FORM> 
</BODY> 
</HTML>