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 相关文章推荐
验证javascript中Object和Function的关系的三段简单代码
Jun 27 Javascript
IE6、IE7中获取Button元素的值的bug说明
Aug 28 Javascript
jQuery的观察者模式详解
Dec 22 Javascript
谷歌浏览器调试JavaScript小技巧
Dec 29 Javascript
JS如何实现文本框随文本的长度而增长
Jul 30 Javascript
关于两个jQuery(js)特效冲突的bug的解决办法
Sep 04 Javascript
集合Bootstrap自定义confirm提示效果
Sep 19 Javascript
Vue 自定义动态组件实例详解
Mar 28 Javascript
详解vue2.0+axios+mock+axios-mock+adapter实现登陆
Jul 19 Javascript
layui实现三级联动效果
Jul 26 Javascript
element多个表单校验的实现
May 27 Javascript
vue配置型表格基于el-table拓展之table-plus组件
Apr 12 Vue.js
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生成随机颜色的方法
2014/11/13 PHP
PHP结合jQuery.autocomplete插件实现输入自动完成提示的功能
2015/04/27 PHP
PHP date函数常用时间处理方法
2015/05/11 PHP
php精确的统计在线人数的方法
2015/10/21 PHP
在线游戏大家来找茬II
2006/09/30 Javascript
js模仿jquery的写法示例代码
2013/06/16 Javascript
在javascript中创建对象的各种模式解析
2016/05/16 Javascript
jQuery EasyUI框架中的Datagrid数据表格组件结构详解
2016/06/09 Javascript
Bootstrap中定制LESS-颜色及导航条(推荐)
2016/11/21 Javascript
详解jQuery的Cookie插件
2016/11/23 Javascript
微信小程序 引入es6 promise
2017/04/12 Javascript
Angular4开发解决跨域问题详解
2017/08/28 Javascript
使用Vue制作图片轮播组件思路详解
2018/03/21 Javascript
解决vue单页面 回退页面 keeplive 缓存问题
2020/07/22 Javascript
python实现的各种排序算法代码
2013/03/04 Python
python使用urllib2实现发送带cookie的请求
2015/04/28 Python
Python中你应该知道的一些内置函数
2017/03/31 Python
flask入门之文件上传与邮件发送示例
2018/07/18 Python
Python实现正整数分解质因数操作示例
2018/08/01 Python
python GUI库图形界面开发之PyQt5中QMainWindow, QWidget以及QDialog的区别和选择
2020/02/26 Python
深入了解python列表(LIST)
2020/06/08 Python
纯CSS3实现绘制各种图形实现代码详细整理
2012/12/26 HTML / CSS
CSS 说明横向进度条最后显示文字的实现代码
2020/11/10 HTML / CSS
canvas简单连线动画的实现代码
2020/02/04 HTML / CSS
气象学专业个人求职信
2014/03/15 职场文书
幼儿园中班下学期评语
2014/04/18 职场文书
医药销售自荐书
2014/05/29 职场文书
幼师求职信
2014/06/23 职场文书
法制宣传标语集锦
2014/06/25 职场文书
公司表扬稿范文
2015/05/05 职场文书
小学家长意见怎么写
2015/06/03 职场文书
团拜会主持词
2015/07/04 职场文书
2016教师给学生的毕业寄语
2015/12/04 职场文书
redis 查看所有的key方式
2021/05/07 Redis
Mysql中存储引擎的区别及比较
2021/06/04 MySQL
Golang 对es的操作实例
2022/04/20 Golang