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包装对象使用介绍
Aug 29 Javascript
JS的Document属性和方法小结
Sep 17 Javascript
处理文本部分内容的TextRange对象应用实例
Jul 29 Javascript
kindeditor修复会替换script内容的问题
Apr 03 Javascript
javascript弹出带文字信息的提示框效果
Jul 19 Javascript
微信小程序 122100版本更新问题解决方案
Dec 22 Javascript
详解微信小程序开发—你期待的分享功能来了,微信小程序序新增5大功能
Dec 23 Javascript
JS实现的简单表单验证功能完整实例
Oct 14 Javascript
angularjs select 赋值 ng-options配置方法
Feb 28 Javascript
vue+elementUi图片上传组件使用详解
Aug 20 Javascript
vue使用recorder.js实现录音功能
Nov 22 Javascript
实现一个简单得数据响应系统
Nov 11 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
剧场版动画《PSYCHO-PASS 3 FIRST INSPECTOR》3月27日日本上映!
2020/03/06 日漫
smarty+adodb+部分自定义类的php开发模式
2006/12/31 PHP
php mysql索引问题
2008/06/07 PHP
基于php iconv函数的使用详解
2013/06/09 PHP
php使用mysqli和pdo扩展,测试对比mysql数据库的执行效率完整示例
2019/05/09 PHP
Javascript中call的两种用法实例
2013/12/13 Javascript
JavaScript中eval()函数用法详解
2015/12/14 Javascript
jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
2016/01/15 Javascript
JS正则表达式验证账号、手机号、电话和邮箱是否合法
2017/03/08 Javascript
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
2017/03/24 jQuery
angularjs中使用ng-bind-html和ng-include的实例
2017/04/28 Javascript
利用node.js写一个爬取知乎妹纸图的小爬虫
2017/05/03 Javascript
Bootstrap布局之栅格系统学习笔记
2017/05/04 Javascript
Vue 中mixin 的用法详解
2018/04/23 Javascript
JavaScript面向对象程序设计创建对象的方法分析
2018/08/13 Javascript
jQuery中实现text()的方法
2019/04/04 jQuery
了解javascript中变量及函数的提升
2019/05/27 Javascript
解决layui调用自定义方法提示未定义的问题
2019/09/14 Javascript
JavaScript使用百度ECharts插件绘制饼图操作示例
2019/11/26 Javascript
ant-design-vue 实现表格内部字段验证功能
2019/12/16 Javascript
[01:45]亚洲邀请赛互动指南虚拟物品介绍
2015/01/30 DOTA
Python实现远程调用MetaSploit的方法
2014/08/22 Python
下载python中Crypto库报错:ModuleNotFoundError: No module named ‘Crypto’的解决
2018/04/23 Python
python2和python3的输入和输出区别介绍
2018/11/20 Python
python画图——实现在图上标注上具体数值的方法
2019/07/08 Python
在Django中实现添加user到group并查看
2019/11/18 Python
pycharm运行scrapy过程图解
2019/11/22 Python
Python创建数字列表的示例
2019/11/28 Python
python实现时间序列自相关图(acf)、偏自相关图(pacf)教程
2020/06/03 Python
python dir函数快速掌握用法技巧
2020/12/09 Python
Peter Millar官网:美国高档生活服饰品牌
2018/07/02 全球购物
歌颂党的演讲稿
2014/09/10 职场文书
格列夫游记读书笔记
2015/07/01 职场文书
python简单验证码识别的实现过程
2021/06/20 Python
redis cluster支持pipeline的实现思路
2021/06/23 Redis
vue实现移动端div拖动效果
2022/03/03 Vue.js