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 简单导航实现代码
Sep 11 Javascript
javascript面向对象之二 命名空间
Feb 08 Javascript
javascript仿php的print_r函数输出json数据
Sep 13 Javascript
现如今最流行的JavaScript代码规范
Mar 08 Javascript
js实例属性和原型属性示例详解
Nov 23 Javascript
JavaScript多图片上传案例
Sep 28 Javascript
mpvue中配置vuex并持久化到本地Storage图文教程解析
Mar 15 Javascript
Angular父子组件通过服务传参的示例方法
Oct 31 Javascript
Vue中通过Vue.extend动态创建实例的方法
Aug 13 Javascript
js实现指定时间倒计时效果
Aug 26 Javascript
JS Ajax请求会话过期处理问题解决方法分析
Nov 16 Javascript
Javascript中window.name属性详解
Nov 19 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生成EAN_13标准条形码实例
2013/11/13 PHP
WordPress中Gravatar头像缓存到本地及相关优化的技巧
2015/12/19 PHP
php curl发送请求实例方法
2019/08/01 PHP
推荐30个新鲜出炉的精美 jQuery 效果
2012/03/26 Javascript
js实现幻灯片效果(基于jquery插件)
2013/11/05 Javascript
Node.js文件操作详解
2014/08/16 Javascript
JavaScript中的函数(二)
2015/12/23 Javascript
KnockoutJS 3.X API 第四章之数据控制流if绑定和ifnot绑定
2016/10/10 Javascript
nodejs中全局变量的实例解析
2017/03/07 NodeJs
js中let和var定义变量的区别
2018/02/08 Javascript
代码详解JS操作剪贴板
2018/02/11 Javascript
原生JS实现的跳一跳小游戏完整实例
2019/01/27 Javascript
产制造追溯系统之通过微信小程序实现移动端报表平台
2019/06/03 Javascript
使用layui实现树形结构的方法
2019/09/20 Javascript
浅探express路由和中间件的实现
2019/09/30 Javascript
python 获取et和excel的版本号
2009/04/09 Python
python3实现ftp服务功能(客户端)
2017/03/24 Python
PyQt5每天必学之进度条效果
2018/04/19 Python
对python中词典的values值的修改或新增KEY详解
2019/01/20 Python
在Python中调用Ping命令,批量IP的方法
2019/01/26 Python
Python笔试面试题小结
2019/09/07 Python
Python实现微信好友的数据分析
2019/12/16 Python
python3发送request请求及查看返回结果实例
2020/04/30 Python
基于python实现简单C/S模式代码实例
2020/09/14 Python
python工具——Mimesis的简单使用教程
2021/01/16 Python
HTML5 本地存储之如果没有数据库究竟会怎样
2013/04/25 HTML / CSS
Snapfish爱尔兰:在线照片打印和个性化照片礼品
2018/09/17 全球购物
Hawes & Curtis澳大利亚官网:英国经典服饰品牌
2018/10/29 全球购物
会计系毕业个人自荐信格式
2013/09/23 职场文书
毕业生自我鉴定实例
2014/01/21 职场文书
党校毕业心得体会
2014/09/13 职场文书
2014年党员自我评议总结
2014/09/23 职场文书
党员对照检查材料整改措施思想汇报
2014/09/26 职场文书
夫妻双方自愿离婚协议书怎么写
2014/12/01 职场文书
2015年七夕爱情寄语
2015/03/24 职场文书
uni-app 微信小程序授权登录的实现步骤
2022/02/18 Javascript