級聯菜單：（1.js文件）
1 function Dsy()
2 {
3 this.Items = {};
4 }
5 Dsy.prototype.add = function(id,iArray) { this.Items[id] = iArray; }
6 Dsy.prototype.Exists = function(id) { if(typeof(this.Items[id]) == "undefined") return false; return true; };
7 function change(v){
8 var str="0";
9 for(i=0;i<v;i++)
10 {
11 str+=("_"+(document.getElementById(s[i]).selectedIndex-1));
12 };
13 var ss=document.getElementById(s[v]);
14 with(ss){
15 length = 0;
16 options[0]=new Option(opt0[v],opt0[v]);
17 if(v && document.getElementById(s[v-1]).selectedIndex>0 || !v)
18 {
19 if(dsy.Exists(str)){
20 ar = dsy.Items[str];
21 for(i=0;i<ar.length;i++)options[length]=new Option(ar[i],ar[i]);
22 if(v)options[1].selected = true;
23 }
24 }
25 if(++v<s.length){change(v);}
26 }
27 }
28 var dsy = new Dsy();
29 dsy.add("0",["安徽省","北京市","福建省","甘肅省","廣東省","廣西壯族自治區","貴州省","海南省","河北省","河南省","黑龍江省","湖北省","湖南省","吉林省","江蘇省","江西省","解放軍","遼寧省","內蒙古自治區","寧夏回族自治區","青海省","山東省","山西省","陜西省","上海市","四川省","臺灣省","天津市","西藏自治區","新疆維吾爾自治區","云南省","浙江省"]); dsy.add("0_0_0",["樅陽縣","大觀區","懷寧縣","郊區","潛山縣","市轄區","宿松縣","太湖縣","桐城縣","望江縣","迎江區","岳西縣"]); dsy.add("0_0_1",["東市區","固鎮縣","懷遠縣","郊區","市轄區","五河縣","西市區","中市區"]); dsy.add("0_0_2",["巢湖市","含山縣","和縣","廬江縣","無為縣"]); ; dsy.add("0_5_12",["北流縣","博白縣","貴港市","桂平縣","陸川縣","平南縣","容縣","玉林市"]); dsy.add("0_5",["百色地區","北海市","桂林地區","桂林市","河池地區","柳州地區","柳州市","南寧地區","南寧市","欽州地區","梧州地區","梧州市","玉林地區"]); dsy.add("0_6_0",["安順市","關嶺布依族苗族自治縣","開陽縣","平壩縣","普定縣","清鎮市","息烽縣","修文縣","鎮寧布依族苗族自治縣","紫云苗族布依族自治縣"]); dsy.add("0_6_1",["畢節縣","大方縣","赫章縣","金沙縣","納雍縣","黔西縣","威寧彝族回族苗族自治縣","織金縣"]); dsy.add("0_6_2",["白云區","花溪區","南明區","市轄區","烏當區","云巖區"]); dsy.add("0_6_3",["六枝特區","盤縣特區","水城縣","鐘山區"]); dsy.add("0_6_4",["岑鞏縣","從江縣","丹寨縣","黃平縣","劍河縣","錦屏縣","凱里市","雷山縣","黎平縣","麻江縣","榕江縣","三穗縣","施秉縣","臺江縣","天柱縣","鎮遠縣"]); dsy.add("0_6_5",["長順縣","都勻市","獨山縣","福泉縣","貴定縣","惠水縣","荔波縣","龍里縣","羅甸縣","平塘縣","三都水族自治縣","甕安縣"]); dsy.add("0_6_6",["安龍縣","冊亨縣","普安縣","晴隆縣","望謨縣","興仁縣","興義市","貞豐縣"]); dsy.add("0_6_7",["德江縣","江口縣","石阡縣","思南縣","松桃苗族自治縣","銅仁市","萬山特區","沿河土家族自治縣","印江土家族苗族自治縣","玉屏侗族自治縣"]); dsy.add("0_6_8",["赤水市","道真仡佬族苗族自治縣","鳳岡縣","湄潭縣","仁懷縣","綏陽縣","桐梓縣","務川仡佬族苗族自治縣","習水縣","余慶縣","正安縣","遵義市","遵義縣"]); dsy.add("0_6",["安順地區","畢節地區","貴陽市","六盤水市","黔東南苗族侗族自治州","黔南布依族苗族自治州","黔西南布依族苗族自治州","銅仁地區","遵義地區"]); dsy.add("0_7_7",["市轄區","新華區","秀英區","振東區"]); dsy.add("0_7_15",["市轄區"]); dsy.add("0_7",["白沙黎族自治縣","保亭黎族苗族自治縣","昌江黎族自治縣","澄邁縣","儋縣","定安縣","東方黎族自治縣","?？谑?/span>","樂東黎族自治縣","臨高縣","陵水黎族自治縣","南沙群島","瓊海市","瓊山縣","瓊中黎族苗族自治縣","三亞市","通什市","屯昌縣","萬寧縣","文昌縣","西沙群島","中沙群島的島礁及其海域"]); dsy.add("0_8_0",["安國市","安新縣","博野縣","定興縣","定州市","阜平縣","高陽縣","淶水縣","淶源縣","蠡縣","曲陽縣","容城縣","唐縣","完縣","望都縣","新城縣","雄縣","徐水縣","易縣","涿州市"]); dsy.add("0_8_1",["北市區","滿城縣","南市區","清苑縣","市轄區","新市區"]); dsy.add("0_8_2",["泊頭市","東光縣","海興縣","河間市","黃驊市","孟村回族自治縣","南皮縣","任丘市","肅寧縣","吳橋縣","獻縣","鹽山縣"]); dsy.add("0_8_3",["滄縣","郊區","青縣","市轄區","新華區","運河區"]); dsy.add("0_8_4",["豐寧滿族自治縣","寬城滿族自治縣","隆化縣","灤平縣","平泉縣","圍場滿族蒙古族自治縣","興隆縣"]); dsy.add("0_8_5",["承德縣","市轄區","雙灤區","雙橋區","鷹手營子礦區"]); dsy.add("0_8_6",["成安縣","磁縣","大名縣","肥鄉縣","館陶縣","廣平縣","雞澤縣","臨漳縣","丘縣","曲周縣","涉縣","魏縣","永年縣"]); dsy.add("0_8_7",["叢臺區","峰峰礦區","復興區","邯鄲縣","邯山區","市轄區","武安市"]); dsy.add("0_8_8",["安平縣","阜城縣","故城縣","衡水市","冀縣","景縣","饒陽縣","深縣","武強縣","武邑縣","棗強縣"]); dsy.add("0_8_9",["安次區","霸州市","大廠回族自治縣","大城縣","固安縣","三河縣","市轄區","文安縣","香河縣","永清縣"]);
HTML：
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2 <html>
3 <head>
4 <script language="JavaScript" src="area.js"></script>
5 <SCRIPT LANGUAGE = JavaScript>
6 <!--
7 //** Power by Fason(2004-3-11)
8 //** Email:fason_pfx@hotmail.com
9
10 var s=["s1","s2","s3"];
11 var opt0 = ["省份","地級市","市、縣級市、縣"];
12 function setup()
13 {
14 for(i=0;i<s.length-1;i++)
15 {
16 document.getElementById(s[i]).onchange=new Function("change("+(i+1)+")");
17 alert(i);
18 }
19 change(0);
20 }
21 //-->
22 </SCRIPT>
23 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
24 <title>添加網站-步驟2</title>
25 </head>
26 <body onload="setup()">
27 所在地址:
28 <select name="s1" id="s1"></select>
29 <select name="s2" id="s2"></select>
30 <select name="s3" id="s3"></select>
31 </body>
32 </html>
posted on 2007-02-07 09:58
-274°C 閱讀(1454)
評論(2) 編輯 收藏 所屬分類:
web前端