廣州市區地三級聯動

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>三級聯動</title>
<script type="text/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_1",["南海","禪城","高明","順德","三水","塘廈","清溪","佛山周邊"]);
dsy.add("0_1_0",["汾江南路","大福路","季華五路","魁奇","祖廟","普君","朝安","環市","弼塘","普瀾","湖景","福升","綠景","唐園","石灣","親仁","張槎","南莊","大福南","季華路","東平新城","嶺南大道北","東方廣場","禪城周邊"]);
dsy.add("0_1_1",["西樵","丹竈","獅山","大瀝","裏水","天佑","黃岐","鹽步","平洲","鬆崗","羅村","千燈湖","九江鎮","城市廣場","南海廣場","南海大道北","南海周邊"]);
dsy.add("0_1_2",["文匯路","滄江路","沿江路","更樓","荷城","楊和","明城","富灣","楊梅","合水","人和","新圩","三洲","西安","更合","高明周邊"]);
dsy.add("0_1_3",["德民路","西堤路","倫教","龍江","杏壇","樂從","大良","勒流","均安","北滘","容桂","陳村","順德碧桂園","順德周邊"]);
dsy.add("0_1_4",["華龍路","白坭","大塘","六和","河口","金本","南邊","蘆苞","西南","樂平","新華路","南山鎮","三水周邊"]);
dsy.add("0_1_5",[""]);
dsy.add("0_1_6",[""]);
dsy.add("0_1_7",[""]);

dsy.add("0_2",["莞城","長安","南城","東城","虎門","萬江","塘廈","常平","樟木頭","石龍","松山湖","厚街","高埗","石碣","東莞周邊"]);
dsy.add("0_2_0",["運河東","羅沙","莞城中心","八達路"]);
dsy.add("0_2_1",["長安中心區","街口及烏沙","鹹西及宵邊","鎮政府","上沙","錦廈","廈邊","涌頭"]);
dsy.add("0_2_2",["宏遠","西平","中信石竹","圖書館","鴻福路","南城車站","第一國際","體育路口","國際公館","南城周邊"]);
dsy.add("0_2_3",["東泰","火煉樹","東城中心","黃旗山","客運東站","上下橋","石井區","主山","花園新村","世博廣場","雍華庭 東城周邊"]);
dsy.add("0_2_4",["虎門公園","黃河汽車站","太平廣場","新聯","樹田","港口","虎威加油站"]);
dsy.add("0_2_5",["萬江中心","石美","客運總站","江濱花園","萬江周邊"]);
dsy.add("0_2_6",["新世紀","新鎮區","太平公園","天河","花園街","沃爾瑪"]);
dsy.add("0_2_7",["常黃路","常平火車站","橫江廈","天鵝湖","袁山貝","中元街"]);
dsy.add("0_2_8",["百果洞","東城廣場","南城","石馬","樟木頭圍","樟洋區","中心區"]);
dsy.add("0_2_9",["新城區","老城區","西湖"]);
dsy.add("0_2_10",[""]);
dsy.add("0_2_11",["康樂南","體育公園","白濠","赤嶺","康樂北","河田","橋頭"]);
dsy.add("0_2_12",[""]);
dsy.add("0_2_13",[""]);
dsy.add("0_2_14",[""]);


s=["province","city","county"];

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>
 所在地：
    <select id="province" runat="server" name="province">
    </select>
    <select id="city" runat="server" name="city">
    </select>
    <select id="county" runat="server" name="city">
    </select>



    <script type="text/javascript">
        setup();
		
    </script>
  

</body>
</html>