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检查表单数据是否改变的方法
Jul 30 Javascript
jquery的live使用注意事项
Feb 18 Javascript
Node调试工具JSHint的安装及配置教程
May 27 Javascript
javascript控制在光标位置插入文字适合表情的插入
Jun 09 Javascript
jquery实现鼠标拖拽滑动效果来选择数字的方法
May 04 Javascript
jquery获取css的color值返回RGB的方法
Dec 18 Javascript
js replace 全局替换的操作方法
Jun 12 Javascript
Angular项目如何升级至Angular6步骤全纪录
Sep 03 Javascript
QRCode.js二维码生成并能长按识别
Oct 16 Javascript
原生JS实现的跳一跳小游戏完整实例
Jan 27 Javascript
JavaScript编写开发动态时钟
Jul 29 Javascript
从零开始用webpack构建一个vue3.0项目工程的实现
Sep 24 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中动态HTML的输出技术
2006/10/09 PHP
FleaPHP的安全设置方法
2008/09/15 PHP
一个简单安全的PHP验证码类、PHP验证码
2016/09/24 PHP
PHP常用函数总结(180多个)
2016/12/25 PHP
Yii2设置默认控制器的两种方法
2017/05/19 PHP
PHP实现的多维数组去重操作示例
2018/07/21 PHP
使用AngularJS对路由进行安全性处理的方法
2015/06/18 Javascript
FullCalendar日历插件应用之数据展现(一)
2015/12/23 Javascript
前端js文件合并的三种方式推荐
2016/05/19 Javascript
JavaScript 闭包详细介绍
2016/09/28 Javascript
对象不支持indexOf属性或方法的解决方法(必看)
2017/05/28 Javascript
在vue中添加Echarts图表的基本使用教程
2017/11/22 Javascript
使用vue-cli打包过程中的步骤以及问题的解决
2018/05/08 Javascript
小程序ios音频播放没声音问题的解决
2018/07/11 Javascript
jQuery 查找元素操作实例小结
2019/10/02 jQuery
JavaScript接口实现方法实例分析
2020/05/16 Javascript
详解如何将python3.6软件的py文件打包成exe程序
2018/10/09 Python
Python网页正文转换语音文件的操作方法
2018/12/09 Python
Python按钮的响应事件详解
2019/03/04 Python
python3对拉勾数据进行可视化分析的方法详解
2019/04/03 Python
Django如何重置migration的几种情景
2021/02/24 Python
HTML5播放实现rtmp流直播
2020/06/16 HTML / CSS
美国最受欢迎的童装品牌之一:The Children’s Place
2016/07/23 全球购物
英国最大的高品质珠宝和手表专家:Goldsmiths
2017/03/11 全球购物
泰国王权免税店官方网站:KingPower
2019/03/11 全球购物
真正的英国宝藏:Mappin & Webb
2019/05/05 全球购物
ECCO俄罗斯官网:北欧丹麦鞋履及皮具品牌
2020/06/26 全球购物
命名空间(namespace)和程序集(Assembly)有什么区别
2015/09/25 面试题
汽车队司机先进事迹材料
2014/02/01 职场文书
法律进企业活动方案
2014/03/04 职场文书
新春联欢会主持词
2014/03/24 职场文书
大学活动总结格式
2014/04/29 职场文书
2016关于读书活动的心得体会
2016/01/14 职场文书
Java9新特性之Module模块化编程示例演绎
2022/03/16 Java/Android
Python OpenCV实现图像模板匹配详解
2022/04/07 Python
SpringBoot中获取profile的方法详解
2022/04/08 Java/Android