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 相关文章推荐
再次更新!MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类 Ver 1.6)
Feb 05 Javascript
复制小说文本时出现的随机乱码的去除方法
Sep 07 Javascript
Jquery 表格合并的问题分享
Sep 17 Javascript
YUI Compressor压缩JavaScript原理及微优化
Jan 07 Javascript
JS 实现Json查询的方法实例
Apr 12 Javascript
JS获取月的最后一天与JS得到一个月份最大天数的实例代码
Dec 16 Javascript
简单易用的倒计时js代码
Aug 04 Javascript
jQuery基础_入门必看知识点
Jul 04 Javascript
js设置和获取自定义属性的方法
Oct 20 Javascript
JavaScript字符串转数字的5种方法及遇到的坑
Jul 16 Javascript
js+HTML5 canvas 实现简单的加载条(进度条)功能示例
Jul 16 Javascript
vue-cli3自动消除console.log()的调试信息方式
Oct 21 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
基于PHPExcel的常用方法总结
2013/06/13 PHP
php微信公众平台开发类实例
2015/04/01 PHP
PHP Class SoapClient not found解决方法
2018/01/20 PHP
网页里控制图片大小的相关代码
2006/06/25 Javascript
用ASP将SQL搜索出来的内容导出为TXT的代码
2007/07/27 Javascript
JSON 和 JavaScript eval使用说明
2010/06/13 Javascript
jQuery自定义事件的简单实现代码
2014/01/27 Javascript
JavaScript获取文本框内选中文本的方法
2015/02/20 Javascript
Bootstrap网格系统详解
2016/04/26 Javascript
js仿百度切换皮肤功能(html+css)
2016/07/10 Javascript
JS简单实现禁止访问某个页面的方法
2016/09/13 Javascript
canvas绘制的直线动画
2017/01/23 Javascript
js 递归和定时器的实例解析
2017/02/03 Javascript
令按钮悬浮在(手机)页面底部的实现方法
2017/05/02 Javascript
详解Node中导入模块require和import的区别
2017/08/11 Javascript
JavaScript模块详解
2017/12/18 Javascript
js 公式编辑器 - 自定义匹配规则 - 带提示下拉框 - 动态获取光标像素坐标
2018/01/04 Javascript
JavaScript继承与多继承实例分析
2018/05/26 Javascript
解决vue 绑定对象内点击事件失效问题
2018/09/05 Javascript
Vue数字输入框组件使用方法详解
2020/02/10 Javascript
JavaScript链式调用原理与实现方法详解
2020/05/16 Javascript
Javascript生成器(Generator)的介绍与使用
2021/01/31 Javascript
5种Python单例模式的实现方式
2016/01/14 Python
Python 脚本获取ES 存储容量的实例
2018/12/27 Python
python实现将多个文件分配到多个文件夹的方法
2019/01/07 Python
Python Socketserver实现FTP文件上传下载代码实例
2020/03/27 Python
Python 3.9的到来到底是意味着什么
2020/10/14 Python
button在IE6/7下的黑边去除方案
2012/12/24 HTML / CSS
深入浅析CSS3中的Flex布局整理
2020/04/27 HTML / CSS
马来西亚网上美容店:Hermo.my
2017/11/25 全球购物
全球度假村:Club Med
2017/11/27 全球购物
报关专员求职信范文
2014/02/22 职场文书
大学毕业感言200字
2014/03/09 职场文书
2014年秋季开学寄语
2014/08/02 职场文书
四风问题党员个人整改措施
2014/10/27 职场文书
详解nginx.conf 中 root 目录设置问题
2021/04/01 Servers