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 相关文章推荐
JS字符串拼接在ie中都报错的解决方法
Mar 27 Javascript
js获取鼠标点击的位置实现思路及代码
May 09 Javascript
JQuery 使用attr方法实现下拉列表选中
Oct 13 Javascript
jQuery中remove()方法用法实例
Dec 25 Javascript
Sublime Text 3常用插件及安装方法
Dec 16 Javascript
javascript深拷贝(deepClone)详解
Aug 24 Javascript
浅谈js for循环输出i为同一值的问题
Mar 01 Javascript
js正则表达式验证表单【完整版】
Mar 06 Javascript
jquery仿微信聊天界面
May 06 jQuery
微信小程序仿微信运动步数排行(交互)
Jul 13 Javascript
vue-cli系列之vue-cli-service整体架构浅析
Jan 14 Javascript
vscode配置vue下的es6规范自动格式化详解
Mar 20 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
WAR3重制版DOTA 5V5初体验
2020/04/09 DOTA
基于PHP如何把汉字转化为拼音
2015/12/11 PHP
php中mkdir()函数的权限问题分析
2016/09/24 PHP
PHP缓存工具XCache安装与使用方法详解
2018/04/09 PHP
php面向对象基础详解【星际争霸游戏案例】
2020/01/23 PHP
利用毫秒减值计算时长的js代码
2013/09/22 Javascript
JS字符串的切分用法实例
2016/02/22 Javascript
Boostrap模态窗口的学习小结
2016/03/28 Javascript
js字符串截取函数slice、substring和substr的比较
2016/05/17 Javascript
浅谈移动端之js touch事件 手势滑动事件
2016/11/07 Javascript
微信小程序 数组中的push与concat的区别
2017/01/05 Javascript
bootstrap fileinput实现文件上传功能
2017/08/23 Javascript
React中的refs的使用教程
2018/02/13 Javascript
使用validate.js实现表单数据提交前的验证方法
2018/09/04 Javascript
利用jqgrid实现上移下移单元格功能
2018/11/07 Javascript
跨域解决之JSONP和CORS的详细介绍
2018/11/21 Javascript
Webpack4+Babel7+ES6兼容IE8的实现
2019/04/10 Javascript
详解如何在Vue项目中导出Excel
2019/04/19 Javascript
简单了解JavaScript作用域
2020/07/31 Javascript
你不知道的 TypeScript 高级类型(小结)
2020/08/28 Javascript
JavaScript实现10秒后再次获取验证码
2020/12/02 Javascript
Python的Tornado框架的异步任务与AsyncHTTPClient
2016/06/27 Python
Python实现的单向循环链表功能示例
2017/11/10 Python
Python爬取当当、京东、亚马逊图书信息代码实例
2017/12/09 Python
Python对多属性的重复数据去重实例
2018/04/18 Python
使用Anaconda3建立虚拟独立的python2.7环境方法
2018/06/11 Python
Python安装Flask环境及简单应用示例
2019/05/03 Python
深入浅析python 中的self和cls的区别
2020/06/20 Python
python em算法的实现
2020/10/03 Python
CSS3实现千变万化的文字阴影text-shadow效果设计
2016/04/26 HTML / CSS
phonegap常用事件总结(必看篇)
2017/03/31 HTML / CSS
英国假发网站:Hothair
2018/02/23 全球购物
Coggles美国/加拿大:高级国际时装零售商
2018/10/23 全球购物
Overload和Override的区别。Overloaded的方法是否可以改变返回值的类型
2013/10/30 面试题
2016年教师节感恩寄语
2015/12/04 职场文书
python 判断字符串当中是否包含字符(str.contain)
2022/06/01 Python