js怎么实现三级关联
myAddressArray=new Array();
myAddressArray[0]=new Array( '0 ', '中国 ', '-1 ');
myAddressArray[1]=new Array( '1 ', '安徽 ', '0 ');
myAddressArray[2]=new Array( '4 ', '福建 ', '0 ');
myAddressArray[3]=new Array( '5 ', '甘肃 ', '0 ');
myAddressArray[4]=new Array( '34 ', '铜陵 ', '1 ');
myAddressArray[5]=new Array( '35 ', '屯溪 ', '1 ');
myAddressArray[6]=new Array( '36 ', '芜湖 ', '1 ');
myAddressArray[7]=new Array( '37 ', '宣城 ', '1 ');
myAddressArray[8]=new Array( '38 ', '合肥 ', '1 ');
myAddressArray[9]=new Array( '39 ', '安庆 ', '1 ');
myAddressArray[10]=new Array( '56 ', '龙岩 ', '2 ');
myAddressArray[11]=new Array( '57 ', '南平 ', '2 ');
myAddressArray[12]=new Array( '58 ', '宁德 ', '2 ');
myAddressArray[13]=new Array( '59 ', '莆田 ', '2 ');
myAddressArray[14]=new Array( '60 ', '泉州 ', '2 ');
myAddressArray[15]=new Array( '61 ', '三明 ', '2 ');
myAddressArray[16]=new Array( '62 ', '邵武 ', '2 ');
myAddressArray[17]=new Array( '70 ', '兰州 ', '3 ');
myAddressArray[18]=new Array( '71 ', '白银 ', '3 ');
myAddressArray[19]=new Array( '72 ', '定西 ', '3 ');
myAddressArray[20]=new Array( '73 ', '敦煌 ', '3 ');
myAddressArray[21]=new Array( '74 ', '甘南 ', '3 ');
myAddressArray[22]=new Array( '75 ', '金昌 ', '3 ');
这样的数据怎么实现三级关联?
[解决办法]
<html>
<head>
<title> 省市县关联菜单 </title>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<style>
body,select
{
font-size:9pt;
font-family:Verdana;
}
a
{
color:red;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
</style>
<SCRIPT LANGUAGE= "JavaScript ">
<!--
function Dsy()
{
this.Items = {};
}
Dsy.prototype.add = function(id,iArray)
{
this.Items[id] = iArray;
}
Dsy.prototype.Exists = function(id)
{
if(typeof(this.Items[id]) == "undefined ") return false;
return true;
}
function change(v){
var str= "0 ";
for(i=0;i <v;i++){ str+=( "_ "+(document.getElementById(s[i]).selectedIndex-1));};
var ss=document.getElementById(s[v]);
with(ss){
length = 0;
options[0]=new Option(opt0[v],opt0[v]);
if(v && document.getElementById(s[v-1]).selectedIndex> 0 || !v)
{
if(dsy.Exists(str)){
ar = dsy.Items[str];
for(i=0;i <ar.length;i++)options[length]=new Option(ar[i],ar[i]);
if(v)options[1].selected = true;
}
}
if(++v <s.length){change(v);}
}
}
var dsy = new Dsy();
dsy.add( "0 ",[ "安徽 ", "北京 ", "福建 ", "甘肃 ", "广东 ", "广西 ", "贵州 ", "海南 ", "河北 ", "河南 ", "黑龙江 ", "湖北 ", "湖南 ", "吉林 ", "江苏 ", "江西 ", "辽宁 ", "内蒙古 ", "宁夏 ", "青海 ", "山东 ", "山西 ", "陕西 ", "上海 ", "四川 ", "天津 ", "西藏 ", "新疆 ", "云南 ", "浙江 ", "重庆 "]);
dsy.add( "0_0 ",[ "安庆 ", "蚌埠 ", "巢湖 ", "池州 ", "滁州 ", "阜阳 ", "合肥 ", "淮北 ", "淮南 ", "黄山 ", "六安 ", "马鞍山 ", "宿州 ", "铜陵 ", "芜湖 ", "宣城 ", "亳州 "]);
dsy.add( "0_0_0 ",[ "安庆市 ", "怀宁县 ", "潜山县 ", "宿松县 ", "太湖县 ", "桐城市 ", "望江县 ", "岳西县 ", "枞阳县 "]);
dsy.add( "0_0_1 ",[ "蚌埠市 ", "固镇县 ", "怀远县 ", "五河县 "]);
dsy.add( "0_0_2 ",[ "巢湖市 ", "含山县 ", "和县 ", "庐江县 ", "无为县 "]);
dsy.add( "0_0_3 ",[ "池州市 ", "东至县 ", "青阳县 ", "石台县 "]);
dsy.add( "0_0_4 ",[ "滁州市 ", "定远县 ", "凤阳县 ", "来安县 ", "明光市 ", "全椒县 ", "天长市 "]);
dsy.add( "0_0_5 ",[ "阜南县 ", "阜阳市 ", "界首市 ", "临泉县 ", "太和县 ", "颖上县 "]);
dsy.add( "0_0_6 ",[ "长丰县 ", "肥东县 ", "肥西县 "]);
dsy.add( "0_0_7 ",[ "淮北市 ", "濉溪县 "]);
dsy.add( "0_0_8 ",[ "凤台县 ", "淮南市 "]);
dsy.add( "0_0_9 ",[ "黄山市 ", "祁门县 ", "休宁县 ", "歙县 ", "黟县 "]);
dsy.add( "0_0_10 ",[ "霍邱县 ", "霍山县 ", "金寨县 ", "六安市 ", "寿县 ", "舒城县 "]);
dsy.add( "0_0_11 ",[ "当涂县 ", "马鞍山市 "]);
dsy.add( "0_0_12 ",[ "灵璧县 ", "宿州市 ", "萧县 ", "泗县 ", "砀山县 "]);
dsy.add( "0_0_13 ",[ "铜陵市 ", "铜陵县 "]);
dsy.add( "0_0_14 ",[ "繁昌县 ", "南陵县 ", "芜湖市 ", "芜湖县 "]);
dsy.add( "0_0_15 ",[ "广德县 ", "绩溪县 ", "郎溪县 ", "宁国市 ", "宣城市 ", "泾县 ", "旌德县 "]);
dsy.add( "0_0_16 ",[ "利辛县 ", "蒙城县 ", "涡阳县 ", "亳州市 "]);
dsy.add( "0_1 ",[ "北京 "]);
dsy.add( "0_1_0 ",[ "北京市 ", "密云县 ", "延庆县 "]);
///此处省略代码无数.........................................
dsy.add( "0_30 ",[ "重庆 "]);
dsy.add( "0_30_0 ",[ "城口县 ", "大足县 ", "垫江县 ", "丰都县 ", "奉节县 ", "合川市 ", "江津市 ", "开县 ", "梁平县 ", "南川市 ", "彭水苗族土家族自治县 ", "荣昌县 ", "石柱土家族自治县 ", "铜梁县 ", "巫山县 ", "巫溪县 ", "武隆县 ", "秀山土家族苗族自治县 ", "永川市 ", "酉阳土家族苗族自治县 ", "云阳县 ", "忠县 ", "重庆市 ", "潼南县 ", "璧山县 ", "綦江县 "]);
//-->
</SCRIPT>
<SCRIPT LANGUAGE = JavaScript>
<!--
//** Power by Fason(2004-3-11)
//** Email:fason_pfx@hotmail.com
var s=[ "s1 ", "s2 ", "s3 "];
var opt0 = [ "省份 ", "地级市 ", "市、县级市、县 "];
function setup()
{
for(i=0;i <s.length-1;i++)
document.getElementById(s[i]).onchange=new Function( "change( "+(i+1)+ ") ");
change(0);
}
//-->
</SCRIPT>
</head>
<body bgcolor= "#E0E0E0 " onload= "setup() ">
多级关联菜单：
<form name= "frm ">
<select id= "s1 "> <option> 省份 </option> </select>
<select id= "s2 "> <option> 地级市 </option> </select>
<select id= "s3 "> <option> 市、县级市、县 </option> </select>
</form>
</body>
</html>
