javascript 二维数组的实现与应用


Posted in Javascript onMarch 16, 2010
<!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="获取二维" onclick="GetArray()" /> 
</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 相关文章推荐
在新窗口打开超链接的方法小结
Apr 14 Javascript
jQuery使用removeClass方法删除元素指定Class的方法
Mar 26 Javascript
JavaScript获取网页支持表单字符集的方法
Apr 02 Javascript
JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果
Nov 26 Javascript
JavaScript手机振动API
Jun 11 Javascript
使用jQuery的toggle()方法对HTML标签进行显示、隐藏的方法(示例)
Sep 01 Javascript
使用ef6创建oracle数据库的实体模型遇到的问题及解决方案
Nov 09 Javascript
jQuery实现点击DIV同时点击CheckBox,并为DIV上背景色的实例
Dec 18 jQuery
js抽奖转盘实现方法分析
May 16 Javascript
JavaScript 监听组合按键思路及代码实现
Jul 28 Javascript
JS不要再到处使用绝对等于运算符了
Apr 30 Javascript
JavaScript 反射学习技巧
Oct 16 Javascript
Jquery Ajax 学习实例2 向页面发出请求 返回JSon格式数据
Mar 15 #Javascript
jQuery MD5加密实现代码
Mar 15 #Javascript
[原创]js获取数组任意个不重复的随机数组元素
Mar 15 #Javascript
javascript实现的在当前窗口中漂浮框的代码
Mar 15 #Javascript
javascript 用记忆函数快速计算递归函数
Mar 15 #Javascript
JS 密码强度验证(兼容IE,火狐,谷歌)
Mar 15 #Javascript
javascript css styleFloat和cssFloat
Mar 15 #Javascript
You might like
Protoss建筑一览
2020/03/14 星际争霸
如何在PHP中使用Oracle数据库(2)
2006/10/09 PHP
PHP中使用gettext来支持多语言的方法
2011/05/02 PHP
关于PHP自动判断字符集并转码的详解
2013/06/26 PHP
PHP中替换键名的简易方法示例详解
2014/01/07 PHP
ThinkPHP3.1新特性之对页面压缩输出的支持
2014/06/19 PHP
Yii中CArrayDataProvider和CActiveDataProvider区别实例分析
2016/03/02 PHP
PHP删除数组中指定下标的元素方法
2018/02/03 PHP
php文件操作之文件写入字符串、数组的方法分析
2019/04/15 PHP
JavaScript高级程序设计阅读笔记(十六) javascript检测浏览器和操作系统-detect.js
2012/08/14 Javascript
javascript 日期时间 转换的方法
2013/02/21 Javascript
jquery动态分页效果堪比时光网
2014/09/25 Javascript
JavaScript函数使用的基本教程
2015/06/04 Javascript
vue-loader教程介绍
2017/06/14 Javascript
微信小程序 input表单与redio及下拉列表的使用实例
2017/09/20 Javascript
Vue导出json数据到Excel电子表格的示例
2017/12/04 Javascript
茶余饭后聊聊Vue3.0响应式数据那些事儿
2019/10/30 Javascript
vue 解决computed修改data数据的问题
2019/11/06 Javascript
使用vue-cli4.0快速搭建一个项目的方法步骤
2019/12/04 Javascript
[04:03]DOTA2肉山黑名单梦之声 风暴之灵中文配音鉴赏
2013/07/03 DOTA
使用Python操作Elasticsearch数据索引的教程
2015/04/08 Python
python计算auc指标实例
2017/07/13 Python
django之session与分页(实例讲解)
2017/11/13 Python
python中数据爬虫requests库使用方法详解
2018/02/11 Python
python日志logging模块使用方法分析
2019/05/23 Python
python IDLE 背景以及字体大小的修改方法
2019/07/12 Python
PyTorch加载自己的数据集实例详解
2020/03/18 Python
详解Windows下PyCharm安装Numpy包及无法安装问题解决方案
2020/06/18 Python
小学生环保标语
2014/06/13 职场文书
师德标兵事迹材料
2014/12/19 职场文书
出生证明格式
2015/06/15 职场文书
建筑工程催款函
2015/06/24 职场文书
新学期家长寄语2016
2015/12/03 职场文书
高三数学复习备考教学反思
2016/02/18 职场文书
python中对列表的删除和添加方法详解
2022/02/24 Python
MySql统计函数COUNT的具体使用详解
2022/08/14 MySQL