省市联动 复杂版
网上找到的省市联动：
1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="utf-8" /> 6 <title></title> 7 </head> 8 <script type="text/javascript" src="js/jquery-1.8.0.js" ></script> 9 10 <body> 11 <SELECT name="sheng" id="to_cn" onchange="set_city(this, document.getElementById('city'));" class="login_text_input"> 12 13 <option value=0>请选择</option> 14 15 <option value=台湾>台湾</option> 16 17 <option value=马来西亚>马来西亚</option> 18 19 <option value=北京>北京</option> 20 21 <option value=上海>上海</option> 22 23 <option value=天津>天津</option> 24 25 <option value=重庆>重庆</option> 26 27 <option value=河北省>河北省</option> 28 29 <option value=山西省>山西省</option> 30 31 <option value=辽宁省>辽宁省</option> 32 33 <option value=吉林省>吉林省</option> 34 35 <option value=黑龙江省>黑龙江省</option> 36 37 <option value=江苏省>江苏省</option> 38 39 <option value=浙江省>浙江省</option> 40 41 <option value=安徽省>安徽省</option> 42 43 <option value=福建省>福建省</option> 44 45 <option value=江西省>江西省</option> 46 47 <option value=山东省>山东省</option> 48 49 <option value=河南省>河南省</option> 50 51 <option value=湖北省>湖北省</option> 52 53 <option value=湖南省>湖南省</option> 54 55 <option value=广东省>广东省</option> 56 57 <option value=海南省>海南省</option> 58 59 <option value=四川省>四川省</option> 60 61 <option value=贵州省>贵州省</option> 62 63 <option value=云南省>云南省</option> 64 65 <option value=陕西省>陕西省</option> 66 67 <option value=甘肃省>甘肃省</option> 68 69 <option value=青海省>青海省</option> 70 71 <option value=内蒙古>内蒙古</option> 72 73 <option value=广西>广西</option> 74 75 <option value=西藏>西藏</option> 76 77 <option value=宁夏>宁夏</option> 78 79 <option value=新疆>新疆</option> 80 81 <option value=香港>香港</option> 82 83 <option value=澳门>澳门</option> 84 </SELECT> - 市 85 <select id="city" class=login_text_input name="shi"> 86 87 <option value=0>请选择</option> 88 89 </select> 90 </body> 91 92 </html> 93 94 <script language=javascript> 95 cities = new Object(); 96 97 cities['台湾'] = new Array('台北', '台南', '其他'); 98 99 cities['马来西亚'] = new Array('Malaysia'); 100 101 cities['北京'] = new Array('北京'); 102 103 cities['上海'] = new Array('上海'); 104 105 cities['天津'] = new Array('天津'); 106 107 cities['重庆'] = new Array('重庆'); 108 109 cities['河北省'] = new Array('石家庄', '张家口', '承德', '秦皇岛', '唐山', '廊坊', '保定', '沧州', '衡水', '邢台', '邯郸'); 110 111 cities['山西省'] = new Array('太原', '大同', '朔州', '阳泉', '长治', '晋城', '忻州', '吕梁', '晋中', '临汾', '运城'); 112 113 cities['辽宁省'] = new Array('沈阳', '朝阳', '阜新', '铁岭', '抚顺', '本溪', '辽阳', '鞍山', '丹东', '大连', '营口', '盘锦', '锦州', '葫芦岛'); 114 115 cities['吉林省'] = new Array('长春', '白城', '松原', '吉林', '四平', '辽源', '通化', '白山', '延边'); 116 117 cities['黑龙江省'] = new Array('哈尔滨', '齐齐哈尔', '黑河', '大庆', '伊春', '鹤岗', '佳木斯', '双鸭山', '七台河', '鸡西', '牡丹江', '绥化', '大兴安'); 118 119 cities['江苏省'] = new Array('南京', '徐州', '连云港', '宿迁', '淮阴', '盐城', '扬州', '泰州', '南通', '镇江', '常州', '无锡', '苏州'); 120 121 cities['浙江省'] = new Array('杭州', '湖州', '嘉兴', '舟山', '宁波', '绍兴', '金华', '台州', '温州', '丽水'); 122 123 cities['安徽省'] = new Array('合肥', '宿州', '淮北', '阜阳', '蚌埠', '淮南', '滁州', '马鞍山', '芜湖', '铜陵', '安庆', '黄山', '六安', '巢湖', '池州', '宣城'); 124 125 cities['福建省'] = new Array('福州', '南平', '三明', '莆田', '泉州', '厦门', '漳州', '龙岩', '宁德'); 126 127 cities['江西省'] = new Array('南昌', '九江', '景德镇', '鹰潭', '新余', '萍乡', '赣州', '上饶', '抚州', '宜春', '吉安'); 128 129 cities['山东省'] = new Array('济南', '聊城', '德州', '东营', '淄博', '潍坊', '烟台', '威海', '青岛', '日照', '临沂', '枣庄', '济宁', '泰安', '莱芜', '滨州', '菏泽'); 130 131 cities['河南省'] = new Array('郑州', '三门峡', '洛阳', '焦作', '新乡', '鹤壁', '安阳', '濮阳', '开封', '商丘', '许昌', '漯河', '平顶山', '南阳', '信阳', '周口', '驻马店'); 132 133 cities['湖北省'] = new Array('武汉', '十堰', '襄攀', '荆门', '孝感', '黄冈', '鄂州', '黄石', '咸宁', '荆州', '宜昌', '恩施', '襄樊'); 134 135 cities['湖南省'] = new Array('长沙', '张家界', '常德', '益阳', '岳阳', '株洲', '湘潭', '衡阳', '郴州', '永州', '邵阳', '怀化', '娄底', '湘西'); 136 137 cities['广东省'] = new Array('广州', '清远', '韶关', '河源', '梅州', '潮州', '汕头', '揭阳', '汕尾', '惠州', '东莞', '深圳', '珠海', '江门', '佛山', '肇庆', '云浮', '阳江', '茂名', '湛江'); 138 139 cities['海南省'] = new Array('海口', '三亚'); 140 141 cities['四川省'] = new Array('成都', '广元', '绵阳', '德阳', '南充', '广安', '遂宁', '内江', '乐山', '自贡', '泸州', '宜宾', '攀枝花', '巴中', '达川', '资阳', '眉山', '雅安', '阿坝', '甘孜', '凉山'); 142 143 cities['贵州省'] = new Array('贵阳', '六盘水', '遵义', '毕节', '铜仁', '安顺', '黔东南', '黔南', '黔西南'); 144 145 cities['云南省'] = new Array('昆明', '曲靖', '玉溪', '丽江', '昭通', '思茅', '临沧', '保山', '德宏', '怒江', '迪庆', '大理', '楚雄', '红河', '文山', '西双版纳'); 146 147 cities['陕西省'] = new Array('西安', '延安', '铜川', '渭南', '咸阳', '宝鸡', '汉中', '榆林', '商洛', '安康'); 148 149 cities['甘肃省'] = new Array('兰州', '嘉峪关', '金昌', '白银', '天水', '酒泉', '张掖', '武威', '庆阳', '平凉', '定西', '陇南', '临夏', '甘南'); 150 151 cities['青海省'] = new Array('西宁', '海东', '西宁', '海北', '海南', '黄南', '果洛', '玉树', '海西'); 152 153 cities['内蒙古'] = new Array('呼和浩特', '包头', '乌海', '赤峰', '呼伦贝尔盟', '兴安盟', '哲里木盟', '锡林郭勒盟', '乌兰察布盟', '鄂尔多斯', '巴彦淖尔盟', '阿拉善盟'); 154 155 cities['广西'] = new Array('南宁', '桂林', '柳州', '梧州', '贵港', '玉林', '钦州', '北海', '防城港', '南宁', '百色', '河池', '柳州', '贺州'); 156 157 cities['西藏'] = new Array('拉萨', '那曲', '昌都', '林芝', '山南', '日喀则', '阿里'); 158 159 cities['宁夏'] = new Array('银川', '石嘴山', '吴忠', '固原'); 160 161 cities['新疆'] = new Array('乌鲁木齐', '克拉玛依', '喀什', '阿克苏', '和田', '吐鲁番', '哈密', '博尔塔拉', '昌吉', '巴音郭楞', '伊犁', '塔城', '阿勒泰'); 162 163 cities['香港'] = new Array('香港'); 164 165 cities['澳门'] = new Array('澳门'); 166 167 168 /*要特别注意的是：下面这个方法中的两个参数 都是原生js的Dom对象，并不是jq的对象*/ 169 function set_city(province, city) 170 171 { 172 173 var pv, cv; 174 175 var i, ii; 176 177 pv = province.value; 178 179 cv = city.value; 180 181 city.length = 1; 182 183 if(pv == '0') return; 184 185 if(typeof(cities[pv]) == 'undefined') return; 186 187 for(i = 0; i < cities[pv].length; i++) 188 189 { 190 191 ii = i + 1; 192 193 city.options[ii] = new Option(); 194 195 city.options[ii].text = cities[pv][i]; 196 197 city.options[ii].value = cities[pv][i]; 198 199 } 200 201 } 202 </script>
