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 相关文章推荐
window.open以post方式将内容提交到新窗口
Dec 26 Javascript
Javascript执行效率全面总结
Nov 04 Javascript
js关于命名空间的函数实例
Feb 05 Javascript
jQuery+CSS实现的网页二级下滑菜单效果
Aug 25 Javascript
javascript获取wx.config内部字段解决微信分享
Mar 09 Javascript
Bootstrap导航中表单简单实现代码
Mar 06 Javascript
彻底解决 webpack 打包文件体积过大问题
Jul 07 Javascript
基于jQuery实现定位导航位置效果
Nov 15 jQuery
Vue 配合eiement动态路由,权限验证的方法
Sep 26 Javascript
vue filter 完美时间日期格式的代码
Aug 14 Javascript
vue使用@scroll监听滚动事件时,@scroll无效问题的解决方法详解
Oct 15 Javascript
详解Vue中的MVVM原理和实现方法
Jul 15 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高级对象构建 多个构造函数的使用
2012/02/05 PHP
ThinkPHP中I(),U(),$this-&gt;post()等函数用法
2014/11/22 PHP
php把数组值转换成键的方法
2015/07/13 PHP
thinkPHP下的widget扩展用法实例分析
2015/12/26 PHP
Thinkphp批量更新数据的方法汇总
2016/06/29 PHP
thinkPHP框架实现生成条形码的方法示例
2018/06/06 PHP
PHP的图像处理实例小结【文字水印、图片水印、压缩图像等】
2019/12/20 PHP
php并发加锁问题分析与设计代码实例讲解
2021/02/26 PHP
javascript事件冒泡详解和捕获、阻止方法
2014/04/12 Javascript
jQuery实现返回顶部功能适合不支持js的浏览器
2014/08/19 Javascript
PHPExcel中的一些常用方法汇总
2015/01/23 Javascript
jQuery结合ajax实现动态加载文本内容
2015/05/19 Javascript
深入浅析react native es6语法
2015/12/09 Javascript
Underscore源码分析
2015/12/30 Javascript
基于javascript实现图片懒加载
2016/01/05 Javascript
react.js 翻页插件实例代码
2017/01/19 Javascript
js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)
2017/12/28 Javascript
详解KOA2如何手写中间件(装饰器模式)
2018/10/11 Javascript
微信小程序关键字变色实现代码实例
2019/12/13 Javascript
jQuery实现鼠标移入显示蒙版效果
2020/01/11 jQuery
JavaScript实现横版菜单栏
2020/03/17 Javascript
Python中的深拷贝和浅拷贝详解
2015/06/03 Python
Python中的zipfile模块使用详解
2015/06/25 Python
Python 使用 Pillow 模块给图片添加文字水印的方法
2019/08/30 Python
python安装gdal的两种方法
2019/10/29 Python
Matplotlib scatter绘制散点图的方法实现
2020/01/02 Python
python2 对excel表格操作完整示例
2020/02/23 Python
Python基于Tkinter编写crc校验工具
2020/05/06 Python
django queryset 去重 .distinct()说明
2020/05/19 Python
SmartBuyGlasses美国官网:太阳眼镜和眼镜
2017/08/20 全球购物
初中三年毕业生的自我评价分享
2014/02/14 职场文书
庆元旦迎新年广播稿
2014/02/18 职场文书
教育项目合作协议书格式
2014/10/17 职场文书
司考复习计划
2015/01/19 职场文书
学校安全管理制度
2015/08/06 职场文书
学校就业保障协议书
2019/06/24 职场文书