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 相关文章推荐
JQuery中getJSON的使用方法
Dec 13 Javascript
js常用自定义公共函数汇总
Jan 15 Javascript
基于JS代码实现当鼠标悬停表格上显示这一格的全部内容
Jun 12 Javascript
浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处
Oct 29 Javascript
node学习记录之搭建web服务器教程
Feb 16 Javascript
Javascript 严格模式use strict详解
Sep 16 Javascript
微信小程序中吸底按钮适配iPhone X方案
Nov 29 Javascript
vue cli使用绝对路径引用图片问题的解决
Dec 06 Javascript
JS拖动选择table里的单元格完整实例【基于jQuery】
May 28 jQuery
Vue.js路由实现选项卡简单实例
Jul 24 Javascript
javascript跳转与返回和刷新页面的实例代码
Nov 20 Javascript
在vue中import()语法不能传入变量的问题及解决
Apr 01 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
复杂检索数据并分页显示的处理方法
2006/10/09 PHP
php设计模式 FlyWeight (享元模式)
2011/06/26 PHP
php项目中类的自动加载实例讲解
2019/09/12 PHP
[Web]防止用户复制页面内容和另存页面的方法
2009/02/06 Javascript
五个jQuery图片画廊插件 推荐
2011/05/12 Javascript
Jquery 表单验证类介绍与实例
2013/06/09 Javascript
js文件缓存之版本管理详解
2013/07/05 Javascript
js中关于一个分号的崩溃示例
2013/11/11 Javascript
JavaScript模块随意拖动示例代码
2014/05/27 Javascript
函数式 JavaScript(一)简介
2014/07/07 Javascript
jQuery根据用户电脑是mac还是pc加载对应样式的方法
2015/06/26 Javascript
javascript实现textarea中tab键的缩排处理方法
2015/06/26 Javascript
使用jQuery制作基础的Web图片轮播效果
2016/04/22 Javascript
手把手教你搭建ES6的开发运行环境
2017/07/11 Javascript
JavaScript判断浏览器和hack滚动条的写法
2017/07/23 Javascript
JavaScript中的FileReader图片预览上传功能实现代码
2017/07/24 Javascript
深入掌握 react的 setState的工作机制
2017/09/27 Javascript
vue发送ajax请求详解
2018/10/09 Javascript
Vue实现移动端页面切换效果【推荐】
2018/11/13 Javascript
解决JS表单验证只有第一个IF起作用的问题
2018/12/04 Javascript
解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题
2019/04/10 jQuery
详解Vue3 Composition API中的提取和重用逻辑
2020/04/29 Javascript
js实现浏览器打印功能的示例代码
2020/07/15 Javascript
运行django项目指定IP和端口的方法
2018/05/14 Python
python 实现调用子文件下的模块方法
2018/12/07 Python
Django结合ajax进行页面实时更新的例子
2019/08/12 Python
安装2019Pycharm最新版本的教程详解
2019/10/22 Python
PYcharm 激活方法(推荐)
2020/03/23 Python
在Ubuntu 20.04中安装Pycharm 2020.1的图文教程
2020/04/30 Python
python smtplib发送多个email联系人的实现
2020/10/09 Python
自荐书封面下载
2013/11/29 职场文书
法律专业学生的自我评价
2014/02/07 职场文书
《月球之谜》教学反思
2014/04/10 职场文书
幸福家庭事迹材料
2014/12/20 职场文书
Java 在生活中的 10 大应用
2021/11/02 Java/Android
英镑符号 £
2022/02/17 杂记