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 相关文章推荐
图片自动缩小 点击放大
Jul 07 Javascript
简略的前端架构心得&amp;&amp;基于editor为例子的编码小技巧
Nov 25 Javascript
js中通过父级进行查找定位元素
Jun 15 Javascript
简述JavaScript对传统文档对象模型的支持
Jun 16 Javascript
jQuery 选择符详细介绍及整理
Dec 02 Javascript
Vuejs 组件——props数据传递的实例代码
Mar 07 Javascript
Javascript实现数组中的元素上下移动
Apr 28 Javascript
Javascript中从学习bind到实现bind的过程
Jan 05 Javascript
vue element中axios下载文件(后端Python)
May 10 Javascript
js 递归json树实现根据子id查父id的方法分析
Nov 08 Javascript
jquery插件懒加载的示例
Oct 24 jQuery
JS实现鼠标移动拖尾
Dec 27 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
php代码书写习惯优化小结
2013/06/20 PHP
如何在php中正确的使用json
2013/08/06 PHP
php curl 模拟登录并获取数据实例详解
2016/12/22 PHP
PHP常用的三种设计模式
2017/02/17 PHP
jQuery实现自动与手动切换的滚动新闻特效代码分享
2015/08/27 Javascript
AngularJS中实现用户访问的身份认证和表单验证功能
2016/04/21 Javascript
Windows 系统下设置Nodejs NPM全局路径
2016/04/26 NodeJs
nodejs中安装ghost出错的原因及解决方法
2017/10/23 NodeJs
小程序云开发实战小结
2018/10/25 Javascript
vue--vuex详解
2019/04/15 Javascript
Vue中实现权限控制的方法示例
2019/06/07 Javascript
Vuex的实战使用详解
2019/10/31 Javascript
JS自定义对象创建与简单使用方法示例
2020/01/15 Javascript
js实现mp3录音通过websocket实时传送+简易波形图效果
2020/06/12 Javascript
原生JavaScript写出Tabs标签页的实例代码
2020/07/20 Javascript
原生JavaScript实现购物车
2021/01/10 Javascript
js实现简单的倒计时
2021/01/28 Javascript
Python SQLAlchemy基本操作和常用技巧(包含大量实例,非常好)
2014/05/06 Python
Python 26进制计算实现方法
2015/05/28 Python
Windows和Linux下Python输出彩色文字的方法教程
2017/05/02 Python
Python升级导致yum、pip报错的解决方法
2017/09/06 Python
Python实用库 PrettyTable 学习笔记
2019/08/06 Python
python使用OpenCV模块实现图像的融合示例代码
2020/04/10 Python
Python中qutip用法示例详解
2020/10/02 Python
canvas进阶之如何画出平滑的曲线
2018/10/15 HTML / CSS
薇诺娜官方网上商城:专注敏感肌肤
2017/05/25 全球购物
Expedia印度尼西亚站:预订酒店、廉价航班和度假套餐
2018/01/31 全球购物
Gucci法国官方网站:意大利奢侈品牌
2018/07/25 全球购物
致接力运动员广播稿
2014/02/17 职场文书
大学生英文求职信范文
2015/03/19 职场文书
企业财务总监岗位职责
2015/04/03 职场文书
2015年药房工作总结
2015/04/25 职场文书
安全生产学习心得体会
2016/01/18 职场文书
反四风问题学习心得体会
2016/01/22 职场文书
深入解析MySQL索引数据结构
2021/10/16 MySQL
Java数据结构之堆(优先队列)
2022/05/20 Java/Android