<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> JavaScript四级联动四维数组 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script langauge="javascript">
var _Array = [];
_Array[_Array.length] = ['a',
['aa1',
['aaa11', 'aaaa111', 'aaaa222'],
['aaa22', 'aaaa333', 'aaaa444']
],
['aa2',
['aaa33', 'aaaa555', 'aaaa666'],
['aaa44', 'aaaa777', 'aaaa888']
]
];
_Array[_Array.length] = ['b',
['bb1',
['bbb11', 'bbbb111', 'bbbb222'],
['bbb22', 'bbbb333', 'bbbb444']
],
['bb2',
['bbb33', 'bbbb555', 'bbbb666'],
['bbb44', 'bbbb777', 'bbbb888']
]
];
_Array[_Array.length] = ['c',
['cc1',
['ccc11', 'cccc111', 'cccc222'],
['ccc22', 'cccc333', 'cccc444']
],
['cc2',
['ccc33', 'cccc555', 'cccc666'],
['ccc44', 'cccc777', 'cccc888']
]
];
function chgI(){
var SelI = document.all('SelI');
var SelII = document.all('SelII');
var ValueI = SelI.options[SelI.selectedIndex].value;
for(var x=SelII.options.length-1; x>=0; x--){
SelII.options[x] = null;
}
for(var a=0; a<_Array.length; a++){
if(_Array[a][0]==ValueI){
for(var b=1; b<_Array[a].length; b++){
SelII.options.add(new Option(_Array[a][b][0], _Array[a][b][0]));
}
chgII();
return;
}
}
}
function chgII(){
var SelI = document.all('SelI');
var SelII = document.all('SelII');
var SelIII = document.all('SelIII');
var ValueI = SelI.options[SelI.selectedIndex].value;
var ValueII = SelII.options[SelII.selectedIndex].value;
for(var x=SelIII.options.length-1; x>=0; x--){
SelIII.options[x] = null;
}
for(var a=0; a<_Array.length; a++){
if(_Array[a][0]==ValueI){
for(var b=1; b<_Array[a].length; b++){
if(_Array[a][b][0]==ValueII){
for(var c=1; c<_Array[a][b].length; c++){
SelIII.options.add(new Option(_Array[a][b][c][0], _Array[a][b][c][0]));
}
chgIII();
return;
}
}
}
}
}
function chgIII(){
var SelI = document.all('SelI');
var SelII = document.all('SelII');
var SelIII = document.all('SelIII');
var SelIV = document.all('SelIV');
var ValueI = SelI.options[SelI.selectedIndex].value;
var ValueII = SelII.options[SelII.selectedIndex].value;
var ValueIII = SelIII.options[SelIII.selectedIndex].value;
for(var x=SelIV.options.length-1; x>=0; x--){
SelIV.options[x] = null;
}
for(var a=0; a<_Array.length; a++){
if(_Array[a][0]==ValueI){
for(var b=1; b<_Array[a].length; b++){
if(_Array[a][b][0]==ValueII){
for(var c=1; c<_Array[a][b].length; c++){
if(_Array[a][b][c][0]==ValueIII){
for(var d=1; d<_Array[a][b][c].length; d++){
SelIV.options.add(new Option(_Array[a][b][c][d], _Array[a][b][c][d]));
}
}
}
return;
}
}
}
}
}
function window.onload(){
var SelI = document.all('SelI');
var SelII = document.all('SelII');
for(var i=0; i<_Array.length; i++){
SelI.options.add(new Option(_Array[i][0], _Array[i][0]));
}
SelI.selectedIndex = 0;
}
</script>
<BODY>
<div>
简单的Javascript四级联动<br />
定义四维数组
</div>
<select id="SelI" onchange="if(selectedIndex!=0){ chgI(); }"><option>--choose--</option></select>
<select id="SelII" onchange="chgII();"><option>--choose--</option></select>
<select id="SelIII" onchange="chgIII();"><option>--choose--</option></select>
<select id="SelIV"><option>--choose--</option></select>
</BODY>
</HTML>
下拉列表的四级联动(纯javascript语言及定义四维数组)
3星 · 超过75%的资源 需积分: 50 176 浏览量
2011-04-28
11:18:49
上传
评论 1
收藏 1KB ZIP 举报
梦魇秦歌
- 粉丝: 5
- 资源: 52
最新资源
- 实验一、线性表的基本操作.doc
- Day43 Java反射(二)
- kenwood-健伍TK-868G车载电台维修手册(含PCB图、原理图)2024更新
- kenwood-健伍tm-471a车载电台维修手册(含PCB图、原理图)2024
- Android System WebView-109.0.5414.118 arm,arm64.apk
- 无人机遂行编队飞行中的纯方位无源定位_周宏兵.pdf
- 2000-2017年各省经济政策不确定性指数数据.xlsx
- 基于matlab实现的云模型发生器 包括基本云发生器,x条件云发生器,y条件云发生器 现已用于数据挖掘等基本领域.rar
- 基于matlab实现的图像匹配和深度图计算程序.rar
- 基于matlab实现的霍夫曼Huffman编码译码GUI界面设计 源程序代码.rar
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈