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 14 Javascript
jquery sortable的拖动方法示例详解
Jan 16 Javascript
JQuery获取与设置HTML元素的内容或文本的实现代码
Jun 20 Javascript
jQuery实现的支持IE的html滑动条
Mar 16 Javascript
jQuery的实例及必知重要的jQuery选择器详解
May 20 Javascript
微信小程序 教程之列表渲染
Oct 18 Javascript
JavaScript判断浏览器对CSS3属性是否支持的多种方法
Nov 13 Javascript
轻松玩转BootstrapTable(后端使用SpringMVC+Hibernate)
Sep 06 Javascript
浅谈Vue-cli 命令行工具分析
Nov 22 Javascript
Vue中div contenteditable 的光标定位方法
Aug 25 Javascript
全面分析JavaScript 继承
May 30 Javascript
解决vue侦听器watch,调用this时出现undefined的问题
Oct 30 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
mysql4.1以上版本连接时出现Client does not support authentication protocol问题解决办法
2007/03/15 PHP
PHP 过滤页面中的BOM(实现代码)
2013/06/29 PHP
php递归删除目录与文件的方法
2015/01/30 PHP
Laravel 5框架学习之表单
2015/04/08 PHP
php封装的连接Mysql类及用法分析
2015/12/10 PHP
CodeIgniter集成smarty的方法详解
2016/05/26 PHP
PHP登录验证码的实现与使用方法
2016/07/07 PHP
php类自动装载、链式操作、魔术方法实现代码
2017/07/23 PHP
laravel框架查询数据集转为数组的两种方法
2019/10/10 PHP
window.open()实现post传递参数
2015/03/12 Javascript
基于javascript实现仿百度输入框自动匹配功能
2016/01/03 Javascript
Backbone.js框架中Model与Collection的使用实例
2016/05/07 Javascript
JavaScript数组复制详解
2017/02/02 Javascript
详解angular用$sce服务来过滤HTML标签
2017/04/11 Javascript
React精髓!一篇全概括小结(急速)
2019/05/23 Javascript
layui 实现表格某一列显示图标
2019/09/19 Javascript
vue 解决form表单提交但不跳转页面的问题
2019/10/30 Javascript
jQuery实现王者荣耀手风琴效果
2020/01/17 jQuery
[48:48]VGJ.T vs Liquid 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
通过C++学习Python
2015/01/20 Python
Python生成随机密码
2015/03/10 Python
用Python中的字典来处理索引统计的方法
2015/05/05 Python
python+matplotlib绘制饼图散点图实例代码
2018/01/20 Python
DES加密解密算法之python实现版(图文并茂)
2018/12/06 Python
python运行时强制刷新缓冲区的方法
2019/01/14 Python
Python递归函数 二分查找算法实现解析
2019/08/12 Python
python使用 request 发送表单数据操作示例
2019/09/25 Python
Python 切分数组实例解析
2019/11/07 Python
python ImageDraw类实现几何图形的绘制与文字的绘制
2020/02/26 Python
使用Python内置模块与函数进行不同进制的数的转换
2020/04/26 Python
Python根据指定文件生成XML的方法
2020/06/29 Python
文职个人求职信范文
2013/09/23 职场文书
客服专员岗位职责范本
2013/11/29 职场文书
工厂门卫岗位职责范本
2014/04/04 职场文书
想创业成功,需要掌握这些要点
2019/12/06 职场文书
解决jupyter notebook启动后没有token的坑
2021/04/24 Python