中国地区三级联动下拉菜单代码和示例(1)

发表于:2007-06-30来源:作者:点击数: 标签:
做东西时经常用到中国地区选择功能,于是从网上搜索一些中国地区js代码,然后给他引用到aspx页中,这也许您会碰到个问题:在html中 测试 一切正常,但是js文件嵌套到aspx文件中,就会出错!这个问题也困饶我n长时间,但是你只要用记事本打开.js后,另存一次,不过要
     做东西时经常用到中国地区选择功能,于是从网上搜索一些中国地区js代码,然后给他引用到aspx页中,这也许您会碰到个问题:在html中测试一切正常,但是js文件嵌套到aspx文件中,就会出错!这个问题也困饶我n长时间,但是你只要用记事本打开.js后,另存一次,不过要注意的是:底下编码类型请选择:unicode
  这样整个世界就和平拉! (注:该方法是小笨笨同学发现)
  
   长话短说,咱开始讲经:
  首先看效果:
  一 .先准备个js文件,给他个美名为:area.js(并把他放到文件夹js下)js下载
  
  area.js代码:
  
  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_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_3",["白银","定西","甘南藏族自治州","嘉峪关","金昌","酒泉","兰州","临夏回族自治州","陇南","平凉","庆阳","天水","武威","张掖"]);
  dsy.add("0_3_0",["白银市","会宁县","景泰县","靖远县"]);
  dsy.add("0_3_1",["定西县","临洮县","陇西县","通渭县","渭源县","漳县","岷县"]);
  dsy.add("0_3_2",["迭部县","合作市","临潭县","碌曲县","玛曲县","夏河县","舟曲县","卓尼县"]);
  dsy.add("0_3_3",["嘉峪关市"]);
  dsy.add("0_3_4",["金昌市","永昌县"]);
  dsy.add("0_3_5",["阿克塞哈萨克族自治县","安西县","敦煌市","金塔县","酒泉市","肃北蒙古族自治县","玉门市"]);
  dsy.add("0_3_6",["皋兰县","兰州市","永登县","榆中县"]);
  dsy.add("0_3_7",["东乡族自治县","广河县","和政县","积石山保安族东乡族撒拉族自治县","康乐县","临夏市","临夏县","永靖县"]);
  dsy.add("0_3_8",["成县","徽县","康县","礼县","两当县","文县","武都县","西和县","宕昌县"]);
  dsy.add("0_3_9",["崇信县","华亭县","静宁县","灵台县","平凉市","庄浪县","泾川县"]);
  dsy.add("0_3_10",["合水县","华池县","环县","宁县","庆城县","庆阳市","镇原县","正宁县"]);
  dsy.add("0_3_11",["甘谷县","秦安县","清水县","天水市","武山县","张家川回族自治县"]);
  dsy.add("0_3_12",["古浪县","民勤县","天祝藏族自治县","武威市"]);
  dsy.add("0_3_13",["高台县","临泽县","民乐县","山丹县","肃南裕固族自治县","张掖市"]);
  
  dsy.add("0_4",["潮州","东莞","佛山","广州","河源","惠州","江门","揭阳","茂名","梅州","清远","汕头","汕尾","韶关","深圳","阳江","云浮","湛江","肇庆","中山","珠海"]);
  dsy.add("0_4_0",["潮安县","潮州市","饶平县"]);
  dsy.add("0_4_1",["东莞市"]);
  dsy.add("0_4_2",["佛山市"]);
  dsy.add("0_4_3",["从化市","广州市","增城市"]);
  dsy.add("0_4_4",["东源县","和平县","河源市","连平县","龙川县","紫金县"]);
  dsy.add("0_4_5",["博罗县","惠东县","惠阳市","惠州市","龙门县"]);
  dsy.add("0_4_6",["恩平市","鹤山市","江门市","开平市","台山市"]);
  dsy.add("0_4_7",["惠来县","揭东县","揭西县","揭阳市","普宁市"]);
  dsy.add("0_4_8",["电白县","高州市","化州市","茂名市","信宜市"]);
  dsy.add("0_4_9",["大埔县","丰顺县","蕉岭县","梅县","梅州市","平远县","五华县","兴宁市"]);
  dsy.add("0_4_10",["佛冈县","连南瑶族自治县","连山壮族瑶族自治县","连州市","清新县","清远市","阳山县","英德市"]);
  dsy.add("0_4_11",["潮阳市","澄海市","南澳县","汕头市"]);
  dsy.add("0_4_12",["海丰县","陆丰市","陆河县","汕尾市"]);
  dsy.add("0_4_13",["乐昌市","南雄市","曲江县","仁化县","乳源瑶族自治县","韶关市","始兴县","翁源县","新丰县"]);
  dsy.add("0_4_14",["深圳市"]);
  dsy.add("0_4_15",["阳春市","阳东县","阳江市","阳西县"]);
  dsy.add("0_4_16",["罗定市","新兴县","郁南县","云安县","云浮市"]);
  dsy.add("0_4_17",["雷州市","廉江市","遂溪县","吴川市","徐闻县","湛江市"]);
  dsy.add("0_4_18",["德庆县","封开县","高要市","广宁县","怀集县","四会市","肇庆市"]);
  dsy.add("0_4_19",["中山市"]);
  dsy.add("0_4_20",["珠海市"]);
  
  

原文转自:http://www.ltesting.net