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 相关文章推荐
拖动Html元素集合 Drag and Drop any item
Dec 22 Javascript
Javascript 生成指定范围数值随机数
Jan 09 Javascript
javascript的解析执行顺序在各个浏览器中的不同
Mar 17 Javascript
JavaScript实现生成GUID(全局统一标识符)
Sep 05 Javascript
jQuery中index()方法用法实例
Dec 27 Javascript
详解JavaScript的变量和数据类型
Nov 27 Javascript
深入浅出 jQuery中的事件机制
Aug 23 Javascript
Bootstrap文件上传组件之bootstrap fileinput
Nov 25 Javascript
jQuery中的siblings()是什么意思(推荐)
Dec 29 Javascript
微信小程序如何获取群聊的openGid以及名称详解
Jul 17 Javascript
浅谈vue中get请求解决传输数据是数组格式的问题
Aug 03 Javascript
查找Vue中下标的操作(some和findindex)
Aug 12 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
Syphon 使用方法
2021/03/03 冲泡冲煮
亲密接触PHP之PHP语法学习笔记1
2006/12/17 PHP
JavaScript中的对象化编程
2008/01/16 Javascript
javascript 自动填写表单的实现方法
2010/04/09 Javascript
JS实现下拉框的动态添加(附效果)
2013/04/03 Javascript
jquery提示效果实例分析
2014/11/25 Javascript
兼容Firefox的Javascript XSLT 处理XML文件
2014/12/31 Javascript
JS实现跟随鼠标闪烁转动色块的方法
2015/02/26 Javascript
Jquery easyui开启行编辑模式增删改操作
2016/01/14 Javascript
jQuery搜索框效果实现代码(百度关键词联想)
2021/02/25 Javascript
javascript字符串对象常用api函数小结(连接,替换,分割,转换等)
2016/09/20 Javascript
用原生js做单页应用
2017/01/17 Javascript
Avalonjs双向数据绑定与监听的实例代码
2017/06/23 Javascript
深入理解Angular中的依赖注入
2017/06/26 Javascript
在Vue组件中获取全局的点击事件方法
2018/09/06 Javascript
vue-cli 3.0 自定义vue.config.js文件,多页构建的方法
2018/09/19 Javascript
详解从react转职到vue开发的项目准备
2019/01/14 Javascript
vue和better-scroll实现列表左右联动效果详解
2019/04/29 Javascript
vue 微信分享回调iOS和安卓回调出现错误的解决
2020/09/07 Javascript
vue 子组件和父组件传值的示例
2020/09/11 Javascript
[17:36]VG战队纪录片
2014/08/21 DOTA
python中关于时间和日期函数的常用计算总结(time和datatime)
2013/03/08 Python
Python文本处理之按行处理大文件的方法
2018/04/09 Python
Python+OpenCV感兴趣区域ROI提取方法
2019/01/10 Python
python实现得到当前登录用户信息的方法
2019/06/21 Python
Flask框架搭建虚拟环境的步骤分析
2019/12/21 Python
Python 之 Json序列化嵌套类方式
2020/02/27 Python
python 日志模块logging的使用场景及示例
2021/01/04 Python
python生成word合同的实例方法
2021/01/12 Python
远程Wi-Fi宠物监控相机:Petcube
2017/04/26 全球购物
计算机专业毕业生自荐书
2014/06/02 职场文书
民族学专业大学生职业规划范文:清晰未来的构想
2014/09/20 职场文书
北京离婚协议书范文2014
2014/09/29 职场文书
县委务虚会发言材料
2014/10/20 职场文书
如何利用python和DOS获取wifi密码
2021/03/31 Python
Redis官方可视化工具RedisInsight安装使用教程
2022/04/19 Redis