jqeury二级连动的js,台湾省[优化]

Else , 2009/07/29 12:37 , JQuery资源 , Comments(1) , Reads(1227) , Via Original

[hcode]<!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>
  test
</title>
     <script type="text/javascript" src="http://www.aixq.com/js/jquery.js"></script>
     <script type="text/javascript">
var chinaarea={};
chinaarea["台北市"]=["中正區","大同區","中山區","松山區","大安區","萬華區","信義區","士林區","北投區","內湖區","南港區","文山區(木柵)","文山區(景美)"];
chinaarea["基隆市"]=["仁愛區","信義區","中正區","中山區","安樂區","暖暖區","七堵區"];
chinaarea["台北縣"]=["萬里鄉","金山鄉","板橋市","深坑鄉","石碇鄉","瑞芳鎮","平溪鄉","雙溪鄉","貢寮鄉","新店市","坪林鄉","烏來鄉","永和市","中和市","土城市","三峽鎮","樹林鎮","鶯歌鎮","三重市","新莊市","泰山鄉","林口鄉","蘆洲市","五股鄉","八里鄉","淡水鎮","三芝鄉","石門鄉"];
chinaarea["宜蘭縣"]=["宜蘭市","頭城鎮","礁溪鄉","壯圍鄉","員山鄉","羅東鎮","三星鄉","大同鄉","五結鄉","冬山鄉","蘇澳鎮","南澳鄉"];
chinaarea["新竹縣"]=["竹北市","湖口鄉","新豐鄉","新埔鄉","關西鎮","芎林鄉","寶山鄉","竹東鎮","五峰鄉","橫山鄉","尖石鄉","北埔鄉","峨眉鄉"];
chinaarea["新竹市"]=["新竹市"];
chinaarea["桃園縣"]=["中壢市","平鎮市","龍潭鄉","楊梅鎮","新屋鄉","觀音鄉","桃園市","龜山鄉","八德市","大溪鎮","復興鄉","大園鄉","蘆竹鄉"];
chinaarea["苗粟縣"]=["竹南鎮","頭份鎮","三灣鄉","南庄鄉","獅潭鄉","後龍鎮","通霄鎮","苑裡鎮","苗粟市","造橋鄉","頭屋鄉","公館鄉","大湖鄉","泰安鄉","銅鑼鄉","三義鄉","西湖鄉","卓蘭鎮"];
chinaarea["台中市"]=["中區","東區","南區","西區","北區","北屯區","西屯區","南屯區"];
chinaarea["台中縣"]=["太平市","大里市","霧峰鄉","烏日鄉","豐原市","后里鄉","石岡鄉","東勢鎮","和平鄉","新社鄉","潭子鄉","大雅鄉","神岡鄉","大肚鄉","沙鹿鎮","龍井鄉","梧棲鎮","清水鎮","大甲鎮","外埔鄉","大安鄉"];
chinaarea["彰化縣"]=["彰化市","芬園鄉","花壇鄉","秀水鄉","鹿港鎮","福興鄉","線西鄉","和美鎮","伸港鄉","員林鎮","社頭鄉","永靖鄉","埔心鄉","溪湖鎮","大村鄉","埔鹽鄉","田中鎮","北斗鎮","田尾鄉","埤頭鄉","溪洲鄉","竹塘鄉","二林鎮","大城鄉","芳苑鄉","二水鄉"];
chinaarea["南投縣"]=["南投市","中寮鄉","草屯鎮","國姓鄉","埔里鎮","仁愛鄉","名間鄉","集集鎮","水里鄉","魚池鄉","信義鄉","竹山鎮","鹿谷鄉"];
chinaarea["嘉義市"]=["嘉義市"];
chinaarea["嘉義縣"]=["番路鄉","梅山鄉","竹崎鄉","阿里山鄉","中埔鄉","大埔鄉","水上鄉","鹿草鄉","太保市","朴子市","東石鄉","六腳鄉","新港鄉","民雄鄉","大林鎮","溪口鄉","義竹鄉","布袋鎮"];
chinaarea["雲林縣"]=["固原市","石嘴山市","吴忠市","银川市","中卫市","其他"];
chinaarea["臺南市"]=["中區","東區","南區","西區","北區","安平區","安南區"];
chinaarea["臺南縣"]=["永康市","歸仁鄉","新化鎮","左鎮鄉","玉井鄉","楠西鄉","南化鄉","仁德鄉","關廟鄉","龍崎鄉","官田鄉","麻豆鎮","佳里鎮","西港鄉","七股鄉","將軍鄉","學甲鎮","北門鄉","新營市","後壁鄉","白河鎮","東山鄉","六甲鄉","下營鄉","柳營鄉","鹽水鎮","善化鎮","大內鄉","山上鄉","新市鄉","安定鄉"];
chinaarea["高雄市"]=["新興區","前金區","苓雅區","鹽埕區","鼓山區","旗津區","前鎮區","三民區","楠梓區","小港區","左營區"];
chinaarea["高雄縣"]=["仁武鄉","大社鄉","岡山鎮","路竹鄉","阿蓮鄉","田寮鄉","燕巢鄉","橋頭鄉","梓官鄉","彌陀鄉","永安鄉","湖內鄉","鳳山市","大寮鄉","林園鄉","鳥松鄉","大樹鄉","旗山鎮","美濃鎮","六龜鄉","內門鄉","杉林鄉","甲仙鄉","桃源鄉","三民鄉","茂林鄉","茄萣鄉" ];
chinaarea["澎湖縣"]=["馬公市","西嶼鄉","望安鄉","七美鄉","白沙鄉","湖西鄉" ];
chinaarea["屏東縣"]=["屏東市","三地鄉","霧臺鄉","瑪家鄉","九如鄉","里港鄉","高樹鄉","鹽埔鄉","長治鄉","麟洛鄉","竹田鄉","內埔鄉","萬丹鄉","潮州鎮","泰武鄉","來義鄉","萬巒鄉","嵌頂鄉","新埤鄉","南州鄉","林邊鄉","東港鎮","琉球鄉","佳冬鄉","新園鄉","枋寮鄉","枋山鄉","春日鄉","獅子鄉","車城鄉","牡丹鄉","恒春鎮","滿洲鄉" ];
chinaarea["臺東縣"]=["臺東市","綠島鄉","蘭嶼鄉","延平鄉","卑南鄉","鹿野鄉","關山鎮","海端鄉","池上鄉","東河鄉","成功鎮","長濱鄉","太麻里鄉","金峰鄉","大武鄉","達仁鄉" ];
chinaarea["花蓮縣"]=["花蓮市","新城鄉","秀林鄉","吉安鄉","壽豐鄉","鳳林鎮","光復鄉","豐濱鄉","瑞穗鄉","萬榮鄉","玉里鎮","卓溪鄉","富里鄉" ];
chinaarea["金門縣"]=["金沙鎮","金湖鎮","金寧鄉","金城鎮","烈嶼鄉","烏坵鄉" ];
chinaarea["連江縣"]=["南竿鄉","北竿鄉","莒光鄉","東引鄉" ];
chinaarea["南海諸島"]=["東沙","南沙","釣魚台列嶼" ];
$(document).ready(function(){
  var c="台北市",d="中山區";//这个是默认的
  $.each(chinaarea,function(i, n){
     $("#txtCity").append("<option>"+i+"</option>");
  });

  $("#txtCity").change(function(){
   $("#txtArea").empty();

   if($("#txtCity").val()=="0")
   {
     $("#txtArea").append("<option>沒有地區別</option>");
   }
   else
   {
      $("#txtArea").append("<option>"+$("#txtCity").val()+"地區別</option>");
      $.each(chinaarea[$("#txtCity").val()],function(i, n){
        $("#txtArea").append("<option>"+n+"</option>");
      });

   }

   });





});
   </script>

    <style type="text/css">
  body,td,th {
  font-size: 13px;
}
body {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}
table {width:750px;margin:auto; background-color:#C0C0C0;}
th{height:35px;background-color:#FFFFFF; }
td{background-color:#FFFFFF; line-height:25px;}
  </style>



</head>
<body>


    <div style=" margin: 0 auto; width:600px; line-height:200px"  id="addmember">
          聯絡人地址：
                縣市別：<select name="txtCity" id="txtCity">
  <option value="0">選擇行政縣市</option>
</select>
                地區別：<select name="txtArea" id="txtArea">
  <option value="選擇地區別行政區">選擇地區別行政區</option>

</select>

</div>
</body>
</html>
[/hcode]