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 相关文章推荐
jQuery弹出层插件简化版代码下载
Oct 16 Javascript
jQueryUI的Dialog的简单封装
Jun 07 Javascript
本地对象Array的原型扩展实现代码
Dec 04 Javascript
jQuery EasyUI API 中文文档 - EasyLoader 加载器
Sep 29 Javascript
Jquery 全选反选实例代码
Nov 19 Javascript
JS实现Select的option上下移动的方法
Mar 01 Javascript
node.js路径处理方法以及绝对路径详解
Mar 04 Javascript
javascript 单例模式详解及简单实例
Feb 14 Javascript
用原生 JS 实现 innerHTML 功能实例详解
Apr 03 Javascript
微信小程序-form表单提交代码实例
Apr 29 Javascript
Node.js HTTP服务器中的文件、图片上传的方法
Sep 23 Javascript
Vue 用Vant实现时间选择器的示例代码
Oct 25 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
先进的自动咖啡技术,真的可以取代咖啡师吗?
2021/03/06 冲泡冲煮
支持php4、php5的mysql数据库操作类
2008/01/10 PHP
php变量作用域的深入解析
2013/06/03 PHP
php实现生成验证码实例分享
2016/04/10 PHP
Yii2简单实现多语言配置的方法
2016/07/23 PHP
PHP微信支付结果通知与回调策略分析
2019/01/10 PHP
从零开始学习jQuery (十) jQueryUI常用功能实战
2011/02/23 Javascript
JQuery实现倒计时按钮的实现代码
2012/03/23 Javascript
JavaScript异步编程:异步数据收集的具体方法
2013/08/19 Javascript
异步动态加载JS并运行(示例代码)
2013/12/13 Javascript
AngularJS基础学习笔记之简单介绍
2015/05/10 Javascript
AngularJS的一些基本样式初窥
2015/07/27 Javascript
DEDECMS如何为文章添加HOT NEW标志图片
2015/08/14 Javascript
基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统
2015/12/03 Javascript
jQuery mobile 移动web(4)
2015/12/20 Javascript
bootstrap实现弹窗和拖动效果
2016/01/03 Javascript
AngularJS变量及过滤器Filter用法分析
2016/11/22 Javascript
详解angularJs中关于ng-class的三种使用方式说明
2017/06/02 Javascript
jQuery Position方法使用和兼容性
2017/08/23 jQuery
微信小程序自定义tab实现多层tab嵌套功能
2018/06/15 Javascript
详解JavaScript作用域和作用域链
2019/03/19 Javascript
vue相关配置文件详解及多环境配置详细步骤
2020/05/19 Javascript
Vue组件间数据传递的方式(3种)
2020/07/13 Javascript
openlayers4.6.5实现距离量测和面积量测
2020/09/25 Javascript
详解python中的线程
2018/02/10 Python
python针对mysql数据库的连接、查询、更新、删除操作示例
2019/09/11 Python
pip安装tensorflow的坑的解决
2020/04/19 Python
Python 实现国产SM3加密算法的示例代码
2020/09/21 Python
美国顶级水上运动专业店:Marine Products
2018/04/15 全球购物
波兰电子产品购物网站:Vobis
2019/05/26 全球购物
Servlet的生命周期
2013/08/25 面试题
优秀教师工作感言
2014/02/16 职场文书
公司董事长岗位职责
2014/06/08 职场文书
2014年科室工作总结范文
2014/12/19 职场文书
带你彻底理解JavaScript中的原型对象
2021/04/14 Javascript
Java8 CompletableFuture 异步回调
2022/04/28 Java/Android