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 相关文章推荐
extjs grid设置某列背景颜色和字体颜色的实现方法
Sep 06 Javascript
js异步加载的三种解决方案
Mar 04 Javascript
获取内联和链接中的样式(js代码)
Apr 11 Javascript
使用javascript创建快捷方式的简单实例
Aug 09 Javascript
在linux中使用包管理器安装node.js
Mar 13 Javascript
javascript实现列表切换效果
May 02 Javascript
设置jQueryUI DatePicker默认语言为中文
Jun 04 Javascript
javascript中json基础知识详解
Jan 19 Javascript
Bootstrap Table使用整理(二)
Jun 09 Javascript
详解如何用webpack4从零开始构建react开发环境
Jan 27 Javascript
js实现无限瀑布流实例方法
Sep 16 Javascript
vue 项目中当访问路由不存在的时候默认访问404页面操作
Aug 31 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
discuz论坛 用户登录 后台程序代码
2008/11/27 PHP
PHP容易被忽略而出错陷阱 数字与字符串比较
2011/11/10 PHP
PHP数据类型的总结分析
2013/06/13 PHP
php实现的短网址算法分享
2014/06/20 PHP
浅谈PHP命令执行php文件需要注意的问题
2016/12/16 PHP
PHP iconv()函数字符编码转换的问题讲解
2019/03/22 PHP
重定向实现代码
2006/11/20 Javascript
javascript Onunload与Onbeforeunload使用小结
2009/12/31 Javascript
js实现在页面上弹出蒙板技巧简单实用
2013/04/16 Javascript
将json当数据库一样操作的javascript lib
2013/10/28 Javascript
js 一个关于图片onload加载的事
2013/11/10 Javascript
javascript实现简单加载随机色方块
2015/12/25 Javascript
Javascript设计模式之观察者模式(推荐)
2016/03/29 Javascript
简单的js计算器实现
2016/10/26 Javascript
BootStrapValidator校验方式
2016/12/19 Javascript
详解如何使用Node.js编写命令工具——以vue-cli为例
2017/06/29 Javascript
JS实现数组简单去重及数组根据对象中的元素去重操作示例
2018/01/05 Javascript
vue实现点击展开点击收起效果
2018/04/27 Javascript
如何用RxJS实现Redux Form
2018/12/29 Javascript
PostgreSQL Node.js实现函数计算方法示例
2019/02/12 Javascript
JS实现电商商品展示放大镜特效
2020/01/07 Javascript
基于JavaScript实现十五拼图代码实例
2020/04/26 Javascript
详解微信小程序入门从这里出发(登录注册、开发工具、文件及结构介绍)
2020/07/21 Javascript
python三方库之requests的快速上手
2019/03/04 Python
Python中一个for循环循环多个变量的示例
2019/07/16 Python
Django stark组件使用及原理详解
2019/08/22 Python
Python+pyftpdlib实现局域网文件互传
2020/08/24 Python
Feelunique中文官网:欧洲最大化妆品零售电商
2020/07/10 全球购物
重写子类方法时,抛出异常的书写注意事项
2015/10/17 面试题
群众路线党课主持词
2014/04/01 职场文书
2014年网络管理员工作总结
2014/12/01 职场文书
综治目标管理责任书
2015/05/11 职场文书
今日说法观后感
2015/06/08 职场文书
浅析Python中的套接字编程
2021/06/22 Python
Go 通过结构struct实现接口interface的问题
2021/10/05 Golang
漫画「日和酱的要求是绝对的」第3卷封面公开
2022/03/21 日漫