省市联动

maokor

于 2014-05-19 17:49:40 发布

阅读量96

点赞数

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
  <script src="jquery-1.6.2.min.js" type="text/javascript"></script>
  <script src="provincesdata.js" type="text/javascript"></script>
</head>

<body>
    <select id="province" name="" size="" >
    </select>
    
    <select id="city" name="" size="">
      <option value="0">请选择城市</option>
    </select>

<script language="JavaScript" type="text/javascript">
<!--
    

    $.each(
        GP,    function(i){
            $("#province").append("<option value='" + i + "'>" + GP[i] + "</option>");
        }
    );
    
    $("#province").change(
        function () {
            var s = $("#province").val();
            $("#city").get(0).selectedIndex = 0 ;
            if (s != 0)
            {
                var tmpi = 0;			
                $("#city").empty();
                $.each(
                    GT[s],    function(i){
                    $("#city").append("<option value='" + i + "'>" + GT[s][i] + "</option>");
					tmpi = i;
                    }
                );
				if(tmpi == 1)
				{
				  $("#city").get(0).selectedIndex = 1 ;
				}
				
            }
        }
    );


//-->
</script>
</body>
</html>

//www.CodeHighlighter.com/-->/********** 省级数据 **********/
var GP = ['请选择省份', '安徽', '澳门', '北京', '福建', '甘肃', '广东', '广西', '贵州', '海南', '河北', '河南', '黑龙江', '湖北', '湖南', '吉林', '江苏', '江西', '辽宁', '内蒙古', '宁夏', '青海', '山东', '山西', '陕西', '上海', '四川', '台湾', '天津', '西藏', '香港', '新疆', '云南', '浙江', '重庆', '海外'];
/********** 市级数据 **********/
var GT = [
['请选择城市'],
['请选择城市', '合肥', '安庆', '蚌埠', '亳州', '巢湖', '池州', '滁州', '阜阳', '淮北', '淮南', '黄山', '六安', '马鞍山', '宿州', '铜陵', '芜湖', '宣城'],
['请选择城市','澳门'],
['请选择城市','北京'],
['请选择城市', '福州', '龙岩', '南平', '宁德', '莆田', '泉州', '三明', '厦门', '漳州'],
['请选择城市', '兰州', '白银', '定西', '甘南', '嘉峪关', '金昌', '酒泉', '临夏', '陇南', '平凉', '庆阳', '天水', '武威', '张掖'],
['请选择城市', '广州', '潮州', '东莞', '佛山', '河源', '惠州', '江门', '揭阳', '茂名', '梅州', '清远', '汕头', '汕尾', '韶关', '深圳', '阳江', '云浮', '湛江', '肇庆', '中山', '珠海'],
['请选择城市', '桂林', '百色', '北海', '崇左', '防城港', '贵港', '河池', '贺州', '来宾', '柳州', '南宁', '钦州', '梧州', '玉林'],
['请选择城市', '贵阳', '安顺', '毕节', '六盘水', '黔东南', '黔南', '黔西南', '铜仁', '遵义'],
['请选择城市', '海口', '白沙', '保亭', '昌江', '澄迈', '儋州', '定安', '东方', '乐东', '临高', '陵水', '南沙群岛', '琼海', '琼中', '三亚', '屯昌', '万宁', '文昌', '五指山', '西沙群岛', '中沙群岛'],
['请选择城市', '石家庄', '保定', '沧州', '承德', '邯郸', '衡水', '廊坊', '秦皇岛', '唐山', '邢台', '张家口'],
['请选择城市', '郑州', '安阳', '鹤壁', '焦作', '开封', '洛阳', '漯河', '南阳', '平顶山', '濮阳', '三门峡', '商丘', '新乡', '信阳', '许昌', '周口', '驻马店'],
['请选择城市', '哈尔滨', '大庆', '大兴安岭', '鹤岗', '黑河', '鸡西', '佳木斯', '牡丹江', '七台河', '齐齐哈尔', '双鸭山', '绥化', '伊春'],
['请选择城市', '武汉', '鄂州', '恩施', '黄冈', '黄石', '荆门', '荆州', '潜江', '神农架', '十堰', '随州', '天门', '仙桃', '咸宁', '襄樊', '孝感', '宜昌'],
['请选择城市', '长沙', '常德', '郴州', '衡阳', '怀化', '娄底', '邵阳', '湘潭', '湘西', '益阳', '永州', '岳阳', '张家界', '株洲'],
['请选择城市', '长春', '白城', '白山', '吉林', '辽源', '四平', '松原', '通化', '延边'],
['请选择城市', '南京', '常州', '淮安', '连云港', '南通', '苏州', '宿迁', '泰州', '无锡', '徐州', '盐城', '扬州', '镇江'],
['请选择城市', '南昌', '抚州', '赣州', '吉安', '景德镇', '九江', '萍乡', '上饶', '新余', '宜春', '鹰潭'],
['请选择城市', '沈阳', '鞍山', '本溪', '朝阳', '大连', '丹东', '抚顺', '阜新', '葫芦岛', '锦州', '辽阳', '盘锦', '铁岭', '营口'],
['请选择城市', '呼和浩特', '阿拉善', '巴彦淖尔', '包头', '赤峰', '鄂尔多斯', '呼伦贝尔', '通辽', '乌海', '乌兰察布', '锡林郭勒', '兴安'],
['请选择城市', '银川', '固原', '石嘴山', '吴忠', '中卫'],
['请选择城市', '西宁', '果洛', '海北', '海东', '海南', '海西', '黄南', '玉树'],
['请选择城市', '济南', '滨州', '德州', '东营', '菏泽', '济宁', '莱芜', '聊城', '临沂', '青岛', '日照', '泰安', '威海', '潍坊', '烟台', '枣庄', '淄博'],
['请选择城市', '太原', '长治', '大同', '晋城', '晋中', '临汾', '吕梁', '朔州', '忻州', '阳泉', '运城'],
['请选择城市', '西安', '安康', '宝鸡', '汉中', '商洛', '铜川', '渭南', '咸阳', '延安', '榆林'],
['请选择城市','上海'],
['请选择城市', '成都', '阿坝', '巴中', '达州', '德阳', '甘孜', '广安', '广元', '乐山', '凉山', '泸州', '眉山', '绵阳', '内江', '南充', '攀枝花', '遂宁', '雅安', '宜宾', '资阳', '自贡'],
['请选择城市', '台北', '阿莲', '安定', '安平', '八德', '八里', '白河', '白沙', '板桥', '褒忠', '宝山', '卑南', '北斗', '北港', '北门', '北埔', '北投', '补子', '布袋', '草屯', '长宾', '长治', '潮州', '车城', '成功', '城中区', '池上', '春日', '刺桐', '高雄', '花莲', '基隆', '嘉义', '苗栗', '南投', '屏东', '台东', '台南', '台中', '桃园', '新竹', '宜兰', '彰化'],
['请选择城市', '天津'],
['请选择城市', '拉萨', '阿里', '昌都', '林芝', '那曲', '日喀则', '山南'],
['请选择城市','香港'],
['请选择城市', '乌鲁木齐', '阿克苏', '阿拉尔', '阿勒泰', '巴音郭楞', '博尔塔拉', '昌吉', '哈密', '和田', '喀什', '克拉玛依', '克孜勒苏柯尔克孜', '石河子', '塔城', '图木舒克', '吐鲁番', '五家渠', '伊犁'],
['请选择城市', '昆明', '保山', '楚雄', '大理', '德宏', '迪庆', '红河', '丽江', '临沧', '怒江', '曲靖', '思茅', '文山', '西双版纳', '玉溪', '昭通'],
['请选择城市', '杭州', '湖州', '嘉兴', '金华', '丽水', '宁波', '衢州', '绍兴', '台州', '温州', '舟山'],
['请选择城市','重庆'],
['请选择城市', '阿根廷', '埃及', '爱尔兰', '奥地利', '奥克兰', '澳大利亚', '巴基斯坦', '巴西', '保加利亚', '比利时', '冰岛', '朝鲜', '丹麦', '德国', '俄罗斯', '法国', '菲律宾', '芬兰', '哥伦比亚', '韩国', '荷兰', '加拿大', '柬埔寨', '喀麦隆', '老挝', '卢森堡', '罗马尼亚', '马达加斯加', '马来西亚', '毛里求斯', '美国', '秘鲁', '缅甸', '墨西哥', '南非', '尼泊尔', '挪威', '葡萄牙', '其它地区', '日本', '瑞典', '瑞士', '斯里兰卡', '泰国', '土耳其', '委内瑞拉', '文莱', '乌克兰', '西班牙', '希腊', '新加坡', '新西兰', '匈牙利', '以色列', '意大利', '印度', '印度尼西亚', '英国', '越南', '智利']
];
/********** 市二级数据 **********/

maokor

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
省市联动

请选择城市 <!-- $.each( GP, function(i){ $("#province").append("" + GP[i] + ""); } ); $("#province").change( function () { v
复制链接

扫一扫