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 相关文章推荐
屏蔽F1~F12的快捷键的js函数
May 06 Javascript
如何使用jquery动态加载js,css文件实现代码
Apr 03 Javascript
jQuery插件boxScroll实现图片轮播特效
Jul 14 Javascript
总结Javascript中的隐式类型转换
Aug 24 Javascript
jQuery Easyui datagrid连续发送两次请求问题
Dec 13 Javascript
canvas学习之API整理笔记(二)
Dec 29 Javascript
jquery实时获取时间的简单实例
Jan 26 Javascript
js实现增加数字显示的环形进度条效果
Feb 05 Javascript
基于Vue2的独立构建与运行时构建的差别(详解)
Dec 06 Javascript
Vue数据双向绑定的深入探究
Nov 27 Javascript
js中innerText/textContent和innerHTML与target和currentTarget的区别
Jan 21 Javascript
mpvue+vant app搭建微信小程序的方法步骤
Feb 11 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模板的朋友必看的很多个顶级PHP模板引擎比较分析
2008/05/26 PHP
解决PHP在DOS命令行下却无法链接MySQL的技术笔记
2010/12/29 PHP
php设计模式之命令模式的应用详解
2013/05/21 PHP
分享一个超好用的php header下载函数
2014/01/31 PHP
php商品对比功能代码分享
2015/09/24 PHP
php中__toString()方法用法示例
2016/12/07 PHP
微信支付之JSAPI公众号支付详解
2019/05/15 PHP
指定js可访问其它域名的cookie的方法
2007/09/18 Javascript
javascript 系统文件夹文件操作及参数介绍
2013/01/08 Javascript
裁剪字符串trim()自定义改进版
2013/04/10 Javascript
JS常用正则表达式总结
2013/11/12 Javascript
jQuery标签编辑插件Tagit使用指南
2015/04/21 Javascript
JS函数的定义与调用方法推荐
2016/05/12 Javascript
基于jquery插件编写countdown计时器
2016/06/12 Javascript
jQuery Validate验证框架详解(推荐)
2016/12/17 Javascript
webpack3之loader全解析
2017/10/26 Javascript
Vue中的v-for循环key属性注意事项小结
2018/08/12 Javascript
解决layui的table插件无法多层级获取json数据的问题
2019/09/19 Javascript
vue addRoutes路由动态加载操作
2020/08/04 Javascript
jQuery实现二级导航菜单的示例
2020/09/30 jQuery
详解Python命令行解析工具Argparse
2016/04/20 Python
浅析Python中的getattr(),setattr(),delattr(),hasattr()
2016/06/14 Python
python实现的AES双向对称加密解密与用法分析
2017/05/02 Python
Python将文本去空格并保存到txt文件中的实例
2018/07/24 Python
详解Python中的测试工具
2019/06/09 Python
python 伯努利分布详解
2020/02/25 Python
python3爬虫中多线程的优势总结
2020/11/24 Python
python使用正则表达式匹配txt特定字符串(有换行)
2020/12/09 Python
css3实现元素环绕中心点布局的方法示例
2019/01/15 HTML / CSS
HTML5在canvas中绘制复杂形状附效果截图
2014/06/23 HTML / CSS
行政执法队伍作风整顿剖析材料
2014/10/11 职场文书
乡镇党建工作汇报材料
2014/10/27 职场文书
2014年外联部工作总结
2014/11/17 职场文书
音乐课外活动总结
2015/05/09 职场文书
用Python实现Newton插值法
2021/04/17 Python
pandas数值排序的实现实例
2021/07/25 Python