json级联城市

时间：2022-09-12 22:48:53

代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <base href="<%=basePath%>">

    <title>My JSP 'MyJsp.jsp' starting page</title>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <script type="text/javascript" src="js/jquery.min.js"></script>

    <script type="text/javascript" src="js/provinces.js"></script>

    <script type="text/javascript" src="js/city.js"></script>

    <script type="text/javascript">

    $(document).ready(function(){

      var s1 = $("#s1");

      s1.empty();

      for(var i=0;i<pr.head.length;i++){

            $("<option value='" + pr.head[i].id + "'>" + pr.head[i].text + "</option>").appendTo(s1);

        }

    });

    function getCity(){

      var s1 = $("#s1").val();

      var s2 = $("#s2");

      s2.empty();

      $("<option value=''>所有</option>").appendTo(s2);

      for(var i=0;i<city.head.length;i++){

      if(s1==city.head[i].pid){

      $("<option value='" + city.head[i].id + "'>" + city.head[i].text + "</option>").appendTo(s2);

      }

        }

    }

    </script>

  </head>

  <body>

    省份<select id="s1" name="staffProvince" onchange="getCity()"></select><br/>

 城市<select id="s2" name="staffCity"></select><br/>

 地区<select id="s3" name="staffRegion"></select>

  </body>

</html> 

provinces.js  var pr = {head:[

 {text:"广东省",id:"广东省"},

    {text:"北京市",id:"北京市"},

    {text:"上海市",id:"上海市"},

    {text:"天津市",id:"天津市"},

    {text:"河北省",id:"河北省"},

    {text:"山西省",id:"山西省"},

    {text:"河南省",id:"河南省"},

    {text:"辽宁省",id:"辽宁省"},

    {text:"吉林省",id:"吉林省"},

    {text:"黑龙江省",id:"黑龙江省"},

    {text:"内蒙古省",id:"内蒙古省"},

    {text:"江苏省",id:"江苏省"},

    {text:"山东省",id:"山东省"},

    {text:"安徽省",id:"安徽省"},

    {text:"浙江省",id:"浙江省"},

    {text:"福建省",id:"福建省"},

    {text:"湖北省",id:"湖北省"},

    {text:"湖南省",id:"湖南省"},

    {text:"广西省",id:"广西省"},

    {text:"江西省",id:"江西省"},

    {text:"四川省",id:"四川省"},

    {text:"贵州省",id:"贵州省"},

    {text:"云南省",id:"云南省"},

    {text:"*省",id:"*省"},

    {text:"陕西省",id:"陕西省"},

    {text:"甘肃省",id:"甘肃省"},

    {text:"青海省",id:"青海省"},

    {text:"*省",id:"*省"},

    {text:"重庆市",id:"重庆市"},

    {text:"海南省",id:"海南省"}

]};

city.js

 var city = {head:[

 {text:"广州",id:"广州",pid:"广东省"},

    {text:"汕尾",id:"汕尾",pid:"广东省"},

    {text:"潮阳",id:"潮阳",pid:"广东省"},

    {text:"阳江",id:"阳江",pid:"广东省"},

    {text:"惠来",id:"惠来",pid:"广东省"},

    {text:"茂名",id:"茂名",pid:"广东省"},

    {text:"恩平",id:"恩平",pid:"广东省"},

    {text:"韶关",id:"韶关",pid:"广东省"},

    {text:"惠州",id:"惠州",pid:"广东省"},

    {text:"梅州",id:"梅州",pid:"广东省"},

    {text:"汕头",id:"汕头",pid:"广东省"},

    {text:"珠海",id:"珠海",pid:"广东省"},

    {text:"佛山",id:"佛山",pid:"广东省"},

    {text:"肇庆",id:"肇庆",pid:"广东省"},

    {text:"湛江",id:"湛江",pid:"广东省"},

    {text:"中山",id:"中山",pid:"广东省"},

    {text:"河源",id:"河源",pid:"广东省"},

    {text:"清远",id:"清远",pid:"广东省"},

    {text:"顺德",id:"顺德",pid:"广东省"},

    {text:"云浮",id:"云浮",pid:"广东省"},

    {text:"潮州",id:"潮州",pid:"广东省"},

    {text:"东莞",id:"东莞",pid:"广东省"},

    {text:"深圳",id:"深圳",pid:"广东省"},

    {text:"泰安",id:"泰安",pid:"广东省"},

    {text:"增城",id:"增城",pid:"广东省"},

    {text:"江门",id:"江门",pid:"广东省"},

    {text:"北京市",id:"北京市",pid:"北京市"},

    {text:"上海市",id:"上海市",pid:"上海市"},

    {text:"天津市",id:"天津市",pid:"天津市"},

    {text:"重庆市",id:"重庆市",pid:"重庆市"},

    {text:"邯郸",id:"邯郸",pid:"河北省"},

 {text:"石家庄",id:"石家庄",pid:"河北省"},

 {text:"保定",id:"保定",pid:"河北省"},

 {text:"张家口",id:"张家口",pid:"河北省"},

 {text:"承德",id:"承德",pid:"河北省"},

 {text:"唐山",id:"唐山",pid:"河北省"},

 {text:"廊坊",id:"廊坊",pid:"河北省"},

 {text:"沧州",id:"沧州",pid:"河北省"},

 {text:"衡水",id:"衡水",pid:"河北省"},

 {text:"邢台",id:"邢台",pid:"河北省"},

 {text:"秦皇岛",id:"秦皇岛",pid:"河北省"},

 {text:"忻州",id:"忻州",pid:"河北省"},

 {text:"太原",id:"太原",pid:"河北省"},

 {text:"大同",id:"大同",pid:"河北省"},

 {text:"阳泉",id:"阳泉",pid:"河北省"},

 {text:"榆次",id:"榆次",pid:"河北省"},

 {text:"长冶",id:"长冶",pid:"河北省"},

 {text:"晋城",id:"晋城",pid:"河北省"},

 {text:"临汾",id:"临汾",pid:"河北省"},

 {text:"离石",id:"离石",pid:"河北省"},

 {text:"运城",id:"运城",pid:"河北省"},

 {text:"芮城",id:"芮城",pid:"河北省"},

 {text:"绛县",id:"绛县",pid:"河北省"},

 {text:"商丘",id:"商丘",pid:"河南省"},

 {text:"郑州",id:"郑州",pid:"河南省"},

 {text:"新乡",id:"新乡",pid:"河南省"},

 {text:"许昌",id:"许昌",pid:"河南省"},

 {text:"平顶山",id:"平顶山",pid:"河南省"},

 {text:"信阳",id:"信阳",pid:"河南省"},

 {text:"南阳",id:"南阳",pid:"河南省"},

 {text:"开封",id:"开封",pid:"河南省"},

 {text:"洛阳",id:"洛阳",pid:"河南省"},

 {text:"鹤壁",id:"鹤壁",pid:"河南省"},

 {text:"漯河",id:"漯河",pid:"河南省"},

 {text:"驻马店",id:"驻马店",pid:"河南省"},

 {text:"沈阳",id:"沈阳",pid:"辽宁省"},

 {text:"铁岭",id:"铁岭",pid:"辽宁省"},

 {text:"大连",id:"大连",pid:"辽宁省"},

 {text:"鞍山",id:"鞍山",pid:"辽宁省"},

 {text:"抚顺",id:"抚顺",pid:"辽宁省"},

 {text:"本溪",id:"本溪",pid:"辽宁省"},

 {text:"丹东",id:"丹东",pid:"辽宁省"},

 {text:"锦州",id:"锦州",pid:"辽宁省"},

 {text:"营口",id:"营口",pid:"辽宁省"},

 {text:"阜新",id:"阜新",pid:"辽宁省"},

 {text:"辽阳",id:"辽阳",pid:"辽宁省"},

 {text:"长春",id:"长春",pid:"吉林省"},

 {text:"吉林",id:"吉林",pid:"吉林省"},

 {text:"延吉",id:"延吉",pid:"吉林省"},

 {text:"四平",id:"四平",pid:"吉林省"},

 {text:"通化",id:"通化",pid:"吉林省"},

 {text:"白城",id:"白城",pid:"吉林省"},

 {text:"阿城",id:"阿城",pid:"黑龙江省"},

 {text:"哈尔滨",id:"哈尔滨",pid:"黑龙江省"},

 {text:"齐齐哈尔",id:"齐齐哈尔",pid:"黑龙江省"},

 {text:"牡丹江",id:"牡丹江",pid:"黑龙江省"},

 {text:"绥化",id:"绥化",pid:"黑龙江省"},

 {text:"黑河",id:"黑河",pid:"黑龙江省"},

 {text:"漠河",id:"漠河",pid:"黑龙江省"},

 {text:"伊春",id:"伊春",pid:"黑龙江省"},

 {text:"大庆",id:"大庆",pid:"黑龙江省"},

 {text:"呼和浩特",id:"呼和浩特",pid:"内蒙古省"},

 {text:"包头",id:"包头",pid:"内蒙古省"},

 {text:"乌海",id:"乌海",pid:"内蒙古省"},

 {text:"集宁",id:"集宁",pid:"内蒙古省"},

 {text:"南京",id:"南京",pid:"江苏省"},

 {text:"无锡",id:"无锡",pid:"江苏省"},

 {text:"镇江",id:"镇江",pid:"江苏省"},

 {text:"苏州",id:"苏州",pid:"江苏省"},

 {text:"南通",id:"南通",pid:"江苏省"},

 {text:"扬州",id:"扬州",pid:"江苏省"},

 {text:"盐城",id:"盐城",pid:"江苏省"},

 {text:"徐州",id:"徐州",pid:"江苏省"},

 {text:"连云港",id:"连云港",pid:"江苏省"},

 {text:"常州",id:"常州",pid:"江苏省"},

 {text:"昆山",id:"昆山",pid:"江苏省"},

 {text:"荷泽",id:"荷泽",pid:"山东省"},

 {text:"济南",id:"济南",pid:"山东省"},

 {text:"青岛",id:"青岛",pid:"山东省"},

 {text:"淄博",id:"淄博",pid:"山东省"},

 {text:"德州",id:"德州",pid:"山东省"},

 {text:"烟台",id:"烟台",pid:"山东省"},

 {text:"潍坊",id:"潍坊",pid:"山东省"},

 {text:"曲阜",id:"曲阜",pid:"山东省"},

 {text:"威海",id:"威海",pid:"山东省"},

 {text:"枣庄",id:"枣庄",pid:"山东省"},

 {text:"凤阳",id:"凤阳",pid:"安徽省"},

 {text:"合肥",id:"合肥",pid:"安徽省"},

 {text:"蚌埠",id:"蚌埠",pid:"安徽省"},

 {text:"芜湖",id:"芜湖",pid:"安徽省"},

 {text:"淮南",id:"淮南",pid:"安徽省"},

 {text:"马鞍山",id:"马鞍山",pid:"安徽省"},

 {text:"黄山",id:"黄山",pid:"安徽省"},

 {text:"*",id:"*",pid:"浙江省"},

 {text:"杭州",id:"杭州",pid:"浙江省"},

 {text:"安吉",id:"安吉",pid:"浙江省"},

 {text:"海宁",id:"海宁",pid:"浙江省"},

 {text:"宁波",id:"宁波",pid:"浙江省"},

 {text:"绍兴",id:"绍兴",pid:"浙江省"},

 {text:"临海(台州)",id:"临海(台州)",pid:"浙江省"},

 {text:"温州",id:"温州",pid:"浙江省"},

 {text:"丽水",id:"丽水",pid:"浙江省"},

 {text:"金华",id:"金华",pid:"浙江省"},

 {text:"普陀",id:"普陀",pid:"浙江省"},

 {text:"福州",id:"福州",pid:"福建省"},

 {text:"厦门",id:"厦门",pid:"福建省"},

 {text:"宁德",id:"宁德",pid:"福建省"},

 {text:"莆田",id:"莆田",pid:"福建省"},

 {text:"晋江",id:"晋江",pid:"福建省"},

 {text:"漳州",id:"漳州",pid:"福建省"},

 {text:"龙岩",id:"龙岩",pid:"福建省"},

 {text:"三明",id:"三明",pid:"福建省"},

 {text:"武夷山",id:"武夷山",pid:"福建省"},

 {text:"武汉",id:"武汉",pid:"湖北省"},

 {text:"襄樊",id:"襄樊",pid:"湖北省"},

 {text:"鄂州",id:"鄂州",pid:"湖北省"},

 {text:"孝感",id:"孝感",pid:"湖北省"},

 {text:"蕲春",id:"蕲春",pid:"湖北省"},

 {text:"黄石",id:"黄石",pid:"湖北省"},

 {text:"咸宁",id:"咸宁",pid:"湖北省"},

 {text:"江陵",id:"江陵",pid:"湖北省"},

 {text:"宜昌",id:"宜昌",pid:"湖北省"},

 {text:"恩施",id:"恩施",pid:"湖北省"},

 {text:"十堰",id:"十堰",pid:"湖北省"},

 {text:"随州",id:"随州",pid:"湖北省"},

 {text:"荆门",id:"荆门",pid:"湖北省"},

 {text:"洪湖",id:"洪湖",pid:"湖北省"},

 {text:"岳阳",id:"岳阳",pid:"湖南省"},

 {text:"长沙",id:"长沙",pid:"湖南省"},

 {text:"湘潭",id:"湘潭",pid:"湖南省"},

 {text:"株洲",id:"株洲",pid:"湖南省"},

 {text:"衡阳",id:"衡阳",pid:"湖南省"},

 {text:"郴州",id:"郴州",pid:"湖南省"},

 {text:"常德",id:"常德",pid:"湖南省"},

 {text:"桃江",id:"桃江",pid:"湖南省"},

 {text:"新化",id:"新化",pid:"湖南省"},

 {text:"新宁",id:"新宁",pid:"湖南省"},

 {text:"永顺",id:"永顺",pid:"湖南省"},

 {text:"张家界",id:"张家界",pid:"湖南省"},

 {text:"靖州",id:"靖州",pid:"湖南省"},

 {text:"祁阳",id:"祁阳",pid:"湖南省"},

 {text:"防城港",id:"防城港",pid:"广西省"},

 {text:"南宁",id:"南宁",pid:"广西省"},

 {text:"柳州",id:"柳州",pid:"广西省"},

 {text:"桂林",id:"桂林",pid:"广西省"},

 {text:"梧州",id:"梧州",pid:"广西省"},

 {text:"玉林",id:"玉林",pid:"广西省"},

 {text:"百色",id:"百色",pid:"广西省"},

 {text:"钦州",id:"钦州",pid:"广西省"},

 {text:"河池",id:"河池",pid:"广西省"},

 {text:"北海",id:"北海",pid:"广西省"},

 {text:"阳朔",id:"阳朔",pid:"广西省"},

 {text:"鹰潭",id:"鹰潭",pid:"江西省"},

 {text:"分宜",id:"分宜",pid:"江西省"},

 {text:"南昌",id:"南昌",pid:"江西省"},

 {text:"九江",id:"九江",pid:"江西省"},

 {text:"上饶",id:"上饶",pid:"江西省"},

 {text:"临川",id:"临川",pid:"江西省"},

 {text:"宜春",id:"宜春",pid:"江西省"},

 {text:"吉安",id:"吉安",pid:"江西省"},

 {text:"赣州",id:"赣州",pid:"江西省"},

 {text:"景德镇",id:"景德镇",pid:"江西省"},

 {text:"萍乡",id:"萍乡",pid:"江西省"},

 {text:"成都",id:"成都",pid:"四川省"},

 {text:"北碚",id:"北碚",pid:"四川省"},

 {text:"攀枝花",id:"攀枝花",pid:"四川省"},

 {text:"自贡",id:"自贡",pid:"四川省"},

 {text:"绵阳",id:"绵阳",pid:"四川省"},

 {text:"南充",id:"南充",pid:"四川省"},

 {text:"渠县",id:"渠县",pid:"四川省"},

 {text:"遂宁",id:"遂宁",pid:"四川省"},

 {text:"岳池",id:"岳池",pid:"四川省"},

 {text:"通江",id:"通江",pid:"四川省"},

 {text:"开县",id:"开县",pid:"四川省"},

 {text:"梁平",id:"梁平",pid:"四川省"},

 {text:"忠县",id:"忠县",pid:"四川省"},

 {text:"云阳",id:"云阳",pid:"四川省"},

 {text:"奉节",id:"奉节",pid:"四川省"},

 {text:"巫山",id:"巫山",pid:"四川省"},

 {text:"巫溪",id:"巫溪",pid:"四川省"},

 {text:"城口",id:"城口",pid:"四川省"},

 {text:"南川",id:"南川",pid:"四川省"},

 {text:"丰都",id:"丰都",pid:"四川省"},

 {text:"石柱",id:"石柱",pid:"四川省"},

 {text:"垫江",id:"垫江",pid:"四川省"},

 {text:"酉阳",id:"酉阳",pid:"四川省"},

 {text:"秀山",id:"秀山",pid:"四川省"},

 {text:"武隆",id:"武隆",pid:"四川省"},

 {text:"彭水",id:"彭水",pid:"四川省"},

 {text:"纳溪",id:"纳溪",pid:"四川省"},

 {text:"长宁",id:"长宁",pid:"四川省"},

 {text:"内江",id:"内江",pid:"四川省"},

 {text:"峨眉",id:"峨眉",pid:"四川省"},

 {text:"西昌",id:"西昌",pid:"四川省"},

 {text:"荣经",id:"荣经",pid:"四川省"},

 {text:"康定",id:"康定",pid:"四川省"},

 {text:"马尔康",id:"马尔康",pid:"四川省"},

 {text:"绵竹",id:"绵竹",pid:"四川省"},

 {text:"旺苍",id:"旺苍",pid:"四川省"},

 {text:"理县",id:"理县",pid:"四川省"},

 {text:"汶川",id:"汶川",pid:"四川省"},

 {text:"茂县",id:"茂县",pid:"四川省"},

 {text:"松潘",id:"松潘",pid:"四川省"},

 {text:"南坪",id:"南坪",pid:"四川省"},

 {text:"小金",id:"小金",pid:"四川省"},

 {text:"罗甸",id:"罗甸",pid:"贵州省"},

 {text:"贵阳",id:"贵阳",pid:"贵州省"},

 {text:"遵义",id:"遵义",pid:"贵州省"},

 {text:"安顺",id:"安顺",pid:"贵州省"},

 {text:"都匀",id:"都匀",pid:"贵州省"},

 {text:"凯里",id:"凯里",pid:"贵州省"},

 {text:"铜仁",id:"铜仁",pid:"贵州省"},

 {text:"毕节",id:"毕节",pid:"贵州省"},

 {text:"六盘水",id:"六盘水",pid:"贵州省"},

 {text:"兴义",id:"兴义",pid:"贵州省"},

 {text:"平坝",id:"平坝",pid:"贵州省"},

 {text:"紫云",id:"紫云",pid:"贵州省"},

 {text:"关岭",id:"关岭",pid:"贵州省"},

 {text:"镇宁",id:"镇宁",pid:"贵州省"},

 {text:"普定",id:"普定",pid:"贵州省"},

 {text:"贵定",id:"贵定",pid:"贵州省"},

 {text:"福泉",id:"福泉",pid:"贵州省"},

 {text:"翁安",id:"翁安",pid:"贵州省"},

 {text:"三都",id:"三都",pid:"贵州省"},

 {text:"荔波",id:"荔波",pid:"贵州省"},

 {text:"独山",id:"独山",pid:"贵州省"},

 {text:"平塘",id:"平塘",pid:"贵州省"},

 {text:"惠水",id:"惠水",pid:"贵州省"},

 {text:"龙里",id:"龙里",pid:"贵州省"},

 {text:"榕江",id:"榕江",pid:"贵州省"},

 {text:"长顺",id:"长顺",pid:"贵州省"},

 {text:"西双版纳",id:"西双版纳",pid:"云南省"},

 {text:"德宏",id:"德宏",pid:"云南省"},

 {text:"梁河",id:"梁河",pid:"云南省"},

 {text:"畹町",id:"畹町",pid:"云南省"},

 {text:"绥江",id:"绥江",pid:"云南省"},

 {text:"昆明",id:"昆明",pid:"云南省"},

 {text:"大理",id:"大理",pid:"云南省"},

 {text:"个旧",id:"个旧",pid:"云南省"},

 {text:"曲靖",id:"曲靖",pid:"云南省"},

 {text:"保山",id:"保山",pid:"云南省"},

 {text:"文山",id:"文山",pid:"云南省"},

 {text:"玉溪",id:"玉溪",pid:"云南省"},

 {text:"楚雄",id:"楚雄",pid:"云南省"},

 {text:"思茅",id:"思茅",pid:"云南省"},

 {text:"东川",id:"东川",pid:"云南省"},

 {text:"元县",id:"元县",pid:"云南省"},

 {text:"泸水",id:"泸水",pid:"云南省"},

 {text:"中甸",id:"中甸",pid:"云南省"},

 {text:"丽江",id:"丽江",pid:"云南省"},

 {text:"堆龙德庆",id:"堆龙德庆",pid:"*省"},

 {text:"曲水",id:"曲水",pid:"*省"},

 {text:"尼木",id:"尼木",pid:"*省"},

 {text:"仁布",id:"仁布",pid:"*省"},

 {text:"萨嘎",id:"萨嘎",pid:"*省"},

 {text:"岗巴",id:"岗巴",pid:"*省"},

 {text:"萨迦",id:"萨迦",pid:"*省"},

 {text:"定结",id:"定结",pid:"*省"},

 {text:"定日",id:"定日",pid:"*省"},

 {text:"聂拉木",id:"聂拉木",pid:"*省"},

 {text:"吉隆",id:"吉隆",pid:"*省"},

 {text:"仲巴",id:"仲巴",pid:"*省"},

 {text:"错那",id:"错那",pid:"*省"},

 {text:"昂仁",id:"昂仁",pid:"*省"},

 {text:"拉孜",id:"拉孜",pid:"*省"},

 {text:"谢通门",id:"谢通门",pid:"*省"},

 {text:"南木林",id:"南木林",pid:"*省"},

 {text:"隆子",id:"隆子",pid:"*省"},

 {text:"扎囊",id:"扎囊",pid:"*省"},

 {text:"墨脱",id:"墨脱",pid:"*省"},

 {text:"洛扎",id:"洛扎",pid:"*省"},

 {text:"浪卡子",id:"浪卡子",pid:"*省"},

 {text:"贡嘎",id:"贡嘎",pid:"*省"},

 {text:"类乌齐",id:"类乌齐",pid:"*省"},

 {text:"江达",id:"江达",pid:"*省"},

 {text:"贡觉",id:"贡觉",pid:"*省"},

 {text:"芒康",id:"芒康",pid:"*省"},

 {text:"左贡",id:"左贡",pid:"*省"},

 {text:"八宿",id:"八宿",pid:"*省"},

 {text:"洛隆",id:"洛隆",pid:"*省"},

 {text:"边坝",id:"边坝",pid:"*省"},

 {text:"丁青",id:"丁青",pid:"*省"},

 {text:"普兰",id:"普兰",pid:"*省"},

 {text:"巴青",id:"巴青",pid:"*省"},

 {text:"比方",id:"比方",pid:"*省"},

 {text:"嘉黎",id:"嘉黎",pid:"*省"},

 {text:"聂荣",id:"聂荣",pid:"*省"},

 {text:"班戈",id:"班戈",pid:"*省"},

 {text:"申扎",id:"申扎",pid:"*省"},

 {text:"措勤",id:"措勤",pid:"*省"},

 {text:"双湖",id:"双湖",pid:"*省"},

 {text:"扎达",id:"扎达",pid:"*省"},

 {text:"革吉",id:"革吉",pid:"*省"},

 {text:"樟木",id:"樟木",pid:"*省"},

 {text:"日土",id:"日土",pid:"*省"},

 {text:"改则",id:"改则",pid:"*省"},

 {text:"措美",id:"措美",pid:"*省"},

 {text:"索县",id:"索县",pid:"*省"},

 {text:"尼玛",id:"尼玛",pid:"*省"},

 {text:"盐井",id:"盐井",pid:"*省"},

 {text:"拉萨",id:"拉萨",pid:"*省"},

 {text:"日咯则市",id:"日咯则市",pid:"*省"},

 {text:"山南",id:"山南",pid:"*省"},

 {text:"林芝",id:"林芝",pid:"*省"},

 {text:"昌都",id:"昌都",pid:"*省"},

 {text:"那曲",id:"那曲",pid:"*省"},

 {text:"阿里",id:"阿里",pid:"*省"},

 {text:"西安",id:"西安",pid:"陕西省"},

 {text:"咸阳",id:"咸阳",pid:"陕西省"},

 {text:"延安",id:"延安",pid:"陕西省"},

 {text:"榆林",id:"榆林",pid:"陕西省"},

 {text:"渭南",id:"渭南",pid:"陕西省"},

 {text:"商洛(商州)",id:"商洛(商州)",pid:"陕西省"},

 {text:"安康",id:"安康",pid:"陕西省"},

 {text:"城固",id:"城固",pid:"陕西省"},

 {text:"宝鸡",id:"宝鸡",pid:"陕西省"},

 {text:"耀县",id:"耀县",pid:"陕西省"},

 {text:"临夏县",id:"临夏县",pid:"甘肃省"},

 {text:"兰州",id:"兰州",pid:"甘肃省"},

 {text:"定西",id:"定西",pid:"甘肃省"},

 {text:"平凉",id:"平凉",pid:"甘肃省"},

 {text:"合水",id:"合水",pid:"甘肃省"},

 {text:"古浪",id:"古浪",pid:"甘肃省"},

 {text:"张掖",id:"张掖",pid:"甘肃省"},

 {text:"玉门",id:"玉门",pid:"甘肃省"},

 {text:"张家川",id:"张家川",pid:"甘肃省"},

 {text:"武都",id:"武都",pid:"甘肃省"},

 {text:"甘南州",id:"甘南州",pid:"甘肃省"},

 {text:"平川",id:"平川",pid:"甘肃省"},

 {text:"武山",id:"武山",pid:"甘肃省"},

 {text:"海晏",id:"海晏",pid:"青海省"},

 {text:"西宁",id:"西宁",pid:"青海省"},

 {text:"海东",id:"海东",pid:"青海省"},

 {text:"同仁",id:"同仁",pid:"青海省"},

 {text:"兴海",id:"兴海",pid:"青海省"},

 {text:"玛沁",id:"玛沁",pid:"青海省"},

 {text:"玉树",id:"玉树",pid:"青海省"},

 {text:"德令哈",id:"德令哈",pid:"青海省"},

 {text:"门源",id:"门源",pid:"青海省"},

 {text:"格尔木市",id:"格尔木市",pid:"青海省"},

 {text:"河南县",id:"河南县",pid:"青海省"},

 {text:"泽库",id:"泽库",pid:"青海省"},

 {text:"李家峡",id:"李家峡",pid:"青海省"},

 {text:"乌兰",id:"乌兰",pid:"青海省"},

 {text:"都兰",id:"都兰",pid:"青海省"},

 {text:"天峻",id:"天峻",pid:"青海省"},

 {text:"治多",id:"治多",pid:"青海省"},

 {text:"海北",id:"海北",pid:"青海省"},

 {text:"杂多",id:"杂多",pid:"青海省"},

 {text:"曲麻莱",id:"曲麻莱",pid:"青海省"},

 {text:"龙羊峡",id:"龙羊峡",pid:"青海省"},

 {text:"茫崖",id:"茫崖",pid:"青海省"},

 {text:"贵德",id:"贵德",pid:"青海省"},

 {text:"贵南",id:"贵南",pid:"青海省"},

 {text:"同德",id:"同德",pid:"青海省"},

 {text:"祁连",id:"祁连",pid:"青海省"},

 {text:"刚察",id:"刚察",pid:"青海省"},

 {text:"大柴旦",id:"大柴旦",pid:"青海省"},

 {text:"冷湖",id:"冷湖",pid:"青海省"},

 {text:"达日",id:"达日",pid:"青海省"},

 {text:"玛多",id:"玛多",pid:"青海省"},

 {text:"班玛",id:"班玛",pid:"青海省"},

 {text:"甘德",id:"甘德",pid:"青海省"},

 {text:"久治",id:"久治",pid:"青海省"},

 {text:"额敏",id:"额敏",pid:"*省"},

 {text:"巴里坤",id:"巴里坤",pid:"*省"},

 {text:"策勒",id:"策勒",pid:"*省"},

 {text:"青河",id:"青河",pid:"*省"},

 {text:"阿图什布",id:"阿图什布",pid:"*省"},

 {text:"博乐",id:"博乐",pid:"*省"},

 {text:"克拉玛依",id:"克拉玛依",pid:"*省"},

 {text:"乌鲁木齐",id:"乌鲁木齐",pid:"*省"},

 {text:"乌苏",id:"乌苏",pid:"*省"},

 {text:"石河子",id:"石河子",pid:"*省"},

 {text:"奇台",id:"奇台",pid:"*省"},

 {text:"吐鲁番",id:"吐鲁番",pid:"*省"},

 {text:"库尔勒",id:"库尔勒",pid:"*省"},

 {text:"乌什",id:"乌什",pid:"*省"},

 {text:"塔什库尔干",id:"塔什库尔干",pid:"*省"},

 {text:"察布查尔",id:"察布查尔",pid:"*省"},

 {text:"儋州",id:"儋州",pid:"海南省"},

 {text:"海口",id:"海口",pid:"海南省"},

 {text:"三亚",id:"三亚",pid:"海南省"},

 {text:"兴隆",id:"兴隆",pid:"海南省"},

]};

[2][文件] MyJsp.jsp


<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <base href="<%=basePath%>">

    <title>My JSP 'MyJsp.jsp' starting page</title>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <script type="text/javascript" src="js/jquery.min.js"></script>

    <script type="text/javascript" src="js/provinces.js"></script>

    <script type="text/javascript" src="js/city.js"></script>

    <script type="text/javascript">

    $(document).ready(function(){

        var s1 = $("#s1");

        s1.empty();

        for(var i=0;i<pr.head.length;i++){

            $("<option value='" + pr.head[i].id + "'>" + pr.head[i].text + "</option>").appendTo(s1);

        }

    });

    function getCity(){

        var s1 = $("#s1").val();

        var s2 = $("#s2");

        s2.empty();

        $("<option value=''>所有</option>").appendTo(s2);

        for(var i=0;i<city.head.length;i++){

            if(s1==city.head[i].pid){

                $("<option value='" + city.head[i].id + "'>" + city.head[i].text + "</option>").appendTo(s2);

            }

        }

    }

    </script>

  </head>

  <body>

    省份<select id="s1" name="staffProvince" onchange="getCity()"></select><br/>

    城市<select id="s2" name="staffCity"></select><br/>

    地区<select id="s3" name="staffRegion"></select>

  </body>

</html>

[3].[文件] provinces.js


var pr = {head:[

    {text:"广东省",id:"广东省"},

    {text:"北京市",id:"北京市"},

    {text:"上海市",id:"上海市"},

    {text:"天津市",id:"天津市"},

    {text:"河北省",id:"河北省"},

    {text:"山西省",id:"山西省"},

    {text:"河南省",id:"河南省"},

    {text:"辽宁省",id:"辽宁省"},

    {text:"吉林省",id:"吉林省"},

    {text:"黑龙江省",id:"黑龙江省"},

    {text:"内蒙古省",id:"内蒙古省"},

    {text:"江苏省",id:"江苏省"},

    {text:"山东省",id:"山东省"},

    {text:"安徽省",id:"安徽省"},

    {text:"浙江省",id:"浙江省"},

    {text:"福建省",id:"福建省"},

    {text:"湖北省",id:"湖北省"},

    {text:"湖南省",id:"湖南省"},

    {text:"广西省",id:"广西省"},

    {text:"江西省",id:"江西省"},

    {text:"四川省",id:"四川省"},

    {text:"贵州省",id:"贵州省"},

    {text:"云南省",id:"云南省"},

    {text:"*省",id:"*省"},

    {text:"陕西省",id:"陕西省"},

    {text:"甘肃省",id:"甘肃省"},

    {text:"青海省",id:"青海省"},

    {text:"*省",id:"*省"},

    {text:"重庆市",id:"重庆市"},

    {text:"海南省",id:"海南省"}

]};

[4].[文件] city.js ~

var city = {head:[

 {text:"广州",id:"广州",pid:"广东省"},

    {text:"汕尾",id:"汕尾",pid:"广东省"},

    {text:"潮阳",id:"潮阳",pid:"广东省"},

    {text:"阳江",id:"阳江",pid:"广东省"},

    {text:"惠来",id:"惠来",pid:"广东省"},

    {text:"茂名",id:"茂名",pid:"广东省"},

    {text:"恩平",id:"恩平",pid:"广东省"},

    {text:"韶关",id:"韶关",pid:"广东省"},

    {text:"惠州",id:"惠州",pid:"广东省"},

    {text:"梅州",id:"梅州",pid:"广东省"},

    {text:"汕头",id:"汕头",pid:"广东省"},

    {text:"珠海",id:"珠海",pid:"广东省"},

    {text:"佛山",id:"佛山",pid:"广东省"},

    {text:"肇庆",id:"肇庆",pid:"广东省"},

    {text:"湛江",id:"湛江",pid:"广东省"},

    {text:"中山",id:"中山",pid:"广东省"},

    {text:"河源",id:"河源",pid:"广东省"},

    {text:"清远",id:"清远",pid:"广东省"},

    {text:"顺德",id:"顺德",pid:"广东省"},

    {text:"云浮",id:"云浮",pid:"广东省"},

    {text:"潮州",id:"潮州",pid:"广东省"},

    {text:"东莞",id:"东莞",pid:"广东省"},

    {text:"深圳",id:"深圳",pid:"广东省"},

    {text:"泰安",id:"泰安",pid:"广东省"},

    {text:"增城",id:"增城",pid:"广东省"},

    {text:"江门",id:"江门",pid:"广东省"},

    {text:"北京市",id:"北京市",pid:"北京市"},

    {text:"上海市",id:"上海市",pid:"上海市"},

    {text:"天津市",id:"天津市",pid:"天津市"},

    {text:"重庆市",id:"重庆市",pid:"重庆市"},

    {text:"邯郸",id:"邯郸",pid:"河北省"},

 {text:"石家庄",id:"石家庄",pid:"河北省"},

 {text:"保定",id:"保定",pid:"河北省"},

 {text:"张家口",id:"张家口",pid:"河北省"},

 {text:"承德",id:"承德",pid:"河北省"},

 {text:"唐山",id:"唐山",pid:"河北省"},

 {text:"廊坊",id:"廊坊",pid:"河北省"},

 {text:"沧州",id:"沧州",pid:"河北省"},

 {text:"衡水",id:"衡水",pid:"河北省"},

 {text:"邢台",id:"邢台",pid:"河北省"},

 {text:"秦皇岛",id:"秦皇岛",pid:"河北省"},

 {text:"忻州",id:"忻州",pid:"河北省"},

 {text:"太原",id:"太原",pid:"河北省"},

 {text:"大同",id:"大同",pid:"河北省"},

 {text:"阳泉",id:"阳泉",pid:"河北省"},

 {text:"榆次",id:"榆次",pid:"河北省"},

 {text:"长冶",id:"长冶",pid:"河北省"},

 {text:"晋城",id:"晋城",pid:"河北省"},

 {text:"临汾",id:"临汾",pid:"河北省"},

 {text:"离石",id:"离石",pid:"河北省"},

 {text:"运城",id:"运城",pid:"河北省"},

 {text:"芮城",id:"芮城",pid:"河北省"},

 {text:"绛县",id:"绛县",pid:"河北省"},

 {text:"商丘",id:"商丘",pid:"河南省"},

 {text:"郑州",id:"郑州",pid:"河南省"},

 {text:"新乡",id:"新乡",pid:"河南省"},

 {text:"许昌",id:"许昌",pid:"河南省"},

 {text:"平顶山",id:"平顶山",pid:"河南省"},

 {text:"信阳",id:"信阳",pid:"河南省"},

 {text:"南阳",id:"南阳",pid:"河南省"},

 {text:"开封",id:"开封",pid:"河南省"},

 {text:"洛阳",id:"洛阳",pid:"河南省"},

 {text:"鹤壁",id:"鹤壁",pid:"河南省"},

 {text:"漯河",id:"漯河",pid:"河南省"},

 {text:"驻马店",id:"驻马店",pid:"河南省"},

 {text:"沈阳",id:"沈阳",pid:"辽宁省"},

 {text:"铁岭",id:"铁岭",pid:"辽宁省"},

 {text:"大连",id:"大连",pid:"辽宁省"},

 {text:"鞍山",id:"鞍山",pid:"辽宁省"},

 {text:"抚顺",id:"抚顺",pid:"辽宁省"},

 {text:"本溪",id:"本溪",pid:"辽宁省"},

 {text:"丹东",id:"丹东",pid:"辽宁省"},

 {text:"锦州",id:"锦州",pid:"辽宁省"},

 {text:"营口",id:"营口",pid:"辽宁省"},

 {text:"阜新",id:"阜新",pid:"辽宁省"},

 {text:"辽阳",id:"辽阳",pid:"辽宁省"},

 {text:"长春",id:"长春",pid:"吉林省"},

 {text:"吉林",id:"吉林",pid:"吉林省"},

 {text:"延吉",id:"延吉",pid:"吉林省"},

 {text:"四平",id:"四平",pid:"吉林省"},

 {text:"通化",id:"通化",pid:"吉林省"},

 {text:"白城",id:"白城",pid:"吉林省"},

 {text:"阿城",id:"阿城",pid:"黑龙江省"},

 {text:"哈尔滨",id:"哈尔滨",pid:"黑龙江省"},

 {text:"齐齐哈尔",id:"齐齐哈尔",pid:"黑龙江省"},

 {text:"牡丹江",id:"牡丹江",pid:"黑龙江省"},

 {text:"绥化",id:"绥化",pid:"黑龙江省"},

 {text:"黑河",id:"黑河",pid:"黑龙江省"},

 {text:"漠河",id:"漠河",pid:"黑龙江省"},

 {text:"伊春",id:"伊春",pid:"黑龙江省"},

 {text:"大庆",id:"大庆",pid:"黑龙江省"},

 {text:"呼和浩特",id:"呼和浩特",pid:"内蒙古省"},

 {text:"包头",id:"包头",pid:"内蒙古省"},

 {text:"乌海",id:"乌海",pid:"内蒙古省"},

 {text:"集宁",id:"集宁",pid:"内蒙古省"},

 {text:"南京",id:"南京",pid:"江苏省"},

 {text:"无锡",id:"无锡",pid:"江苏省"},

 {text:"镇江",id:"镇江",pid:"江苏省"},

 {text:"苏州",id:"苏州",pid:"江苏省"},

 {text:"南通",id:"南通",pid:"江苏省"},

 {text:"扬州",id:"扬州",pid:"江苏省"},

 {text:"盐城",id:"盐城",pid:"江苏省"},

 {text:"徐州",id:"徐州",pid:"江苏省"},

 {text:"连云港",id:"连云港",pid:"江苏省"},

 {text:"常州",id:"常州",pid:"江苏省"},

 {text:"昆山",id:"昆山",pid:"江苏省"},

 {text:"荷泽",id:"荷泽",pid:"山东省"},

 {text:"济南",id:"济南",pid:"山东省"},

 {text:"青岛",id:"青岛",pid:"山东省"},

 {text:"淄博",id:"淄博",pid:"山东省"},

 {text:"德州",id:"德州",pid:"山东省"},

 {text:"烟台",id:"烟台",pid:"山东省"},

 {text:"潍坊",id:"潍坊",pid:"山东省"},

 {text:"曲阜",id:"曲阜",pid:"山东省"},

 {text:"威海",id:"威海",pid:"山东省"},

 {text:"枣庄",id:"枣庄",pid:"山东省"},

 {text:"凤阳",id:"凤阳",pid:"安徽省"},

 {text:"合肥",id:"合肥",pid:"安徽省"},

 {text:"蚌埠",id:"蚌埠",pid:"安徽省"},

 {text:"芜湖",id:"芜湖",pid:"安徽省"},

 {text:"淮南",id:"淮南",pid:"安徽省"},

 {text:"马鞍山",id:"马鞍山",pid:"安徽省"},

 {text:"黄山",id:"黄山",pid:"安徽省"},

 {text:"*",id:"*",pid:"浙江省"},

 {text:"杭州",id:"杭州",pid:"浙江省"},

 {text:"安吉",id:"安吉",pid:"浙江省"},

 {text:"海宁",id:"海宁",pid:"浙江省"},

 {text:"宁波",id:"宁波",pid:"浙江省"},

 {text:"绍兴",id:"绍兴",pid:"浙江省"},

 {text:"临海(台州)",id:"临海(台州)",pid:"浙江省"},

 {text:"温州",id:"温州",pid:"浙江省"},

 {text:"丽水",id:"丽水",pid:"浙江省"},

 {text:"金华",id:"金华",pid:"浙江省"},

 {text:"普陀",id:"普陀",pid:"浙江省"},

 {text:"福州",id:"福州",pid:"福建省"},

 {text:"厦门",id:"厦门",pid:"福建省"},

 {text:"宁德",id:"宁德",pid:"福建省"},

 {text:"莆田",id:"莆田",pid:"福建省"},

 {text:"晋江",id:"晋江",pid:"福建省"},

 {text:"漳州",id:"漳州",pid:"福建省"},

 {text:"龙岩",id:"龙岩",pid:"福建省"},

 {text:"三明",id:"三明",pid:"福建省"},

 {text:"武夷山",id:"武夷山",pid:"福建省"},

 {text:"武汉",id:"武汉",pid:"湖北省"},

 {text:"襄樊",id:"襄樊",pid:"湖北省"},

 {text:"鄂州",id:"鄂州",pid:"湖北省"},

 {text:"孝感",id:"孝感",pid:"湖北省"},

 {text:"蕲春",id:"蕲春",pid:"湖北省"},

 {text:"黄石",id:"黄石",pid:"湖北省"},

 {text:"咸宁",id:"咸宁",pid:"湖北省"},

 {text:"江陵",id:"江陵",pid:"湖北省"},

 {text:"宜昌",id:"宜昌",pid:"湖北省"},

 {text:"恩施",id:"恩施",pid:"湖北省"},

 {text:"十堰",id:"十堰",pid:"湖北省"},

 {text:"随州",id:"随州",pid:"湖北省"},

 {text:"荆门",id:"荆门",pid:"湖北省"},

 {text:"洪湖",id:"洪湖",pid:"湖北省"},

 {text:"岳阳",id:"岳阳",pid:"湖南省"},

 {text:"长沙",id:"长沙",pid:"湖南省"},

 {text:"湘潭",id:"湘潭",pid:"湖南省"},

 {text:"株洲",id:"株洲",pid:"湖南省"},

 {text:"衡阳",id:"衡阳",pid:"湖南省"},

 {text:"郴州",id:"郴州",pid:"湖南省"},

 {text:"常德",id:"常德",pid:"湖南省"},

 {text:"桃江",id:"桃江",pid:"湖南省"},

 {text:"新化",id:"新化",pid:"湖南省"},

 {text:"新宁",id:"新宁",pid:"湖南省"},

 {text:"永顺",id:"永顺",pid:"湖南省"},

 {text:"张家界",id:"张家界",pid:"湖南省"},

 {text:"靖州",id:"靖州",pid:"湖南省"},

 {text:"祁阳",id:"祁阳",pid:"湖南省"},

 {text:"防城港",id:"防城港",pid:"广西省"},

 {text:"南宁",id:"南宁",pid:"广西省"},

 {text:"柳州",id:"柳州",pid:"广西省"},

 {text:"桂林",id:"桂林",pid:"广西省"},

 {text:"梧州",id:"梧州",pid:"广西省"},

 {text:"玉林",id:"玉林",pid:"广西省"},

 {text:"百色",id:"百色",pid:"广西省"},

 {text:"钦州",id:"钦州",pid:"广西省"},

 {text:"河池",id:"河池",pid:"广西省"},

 {text:"北海",id:"北海",pid:"广西省"},

 {text:"阳朔",id:"阳朔",pid:"广西省"},

 {text:"鹰潭",id:"鹰潭",pid:"江西省"},

 {text:"分宜",id:"分宜",pid:"江西省"},

 {text:"南昌",id:"南昌",pid:"江西省"},

 {text:"九江",id:"九江",pid:"江西省"},

 {text:"上饶",id:"上饶",pid:"江西省"},

 {text:"临川",id:"临川",pid:"江西省"},

 {text:"宜春",id:"宜春",pid:"江西省"},

 {text:"吉安",id:"吉安",pid:"江西省"},

 {text:"赣州",id:"赣州",pid:"江西省"},

 {text:"景德镇",id:"景德镇",pid:"江西省"},

 {text:"萍乡",id:"萍乡",pid:"江西省"},

 {text:"成都",id:"成都",pid:"四川省"},

 {text:"北碚",id:"北碚",pid:"四川省"},

 {text:"攀枝花",id:"攀枝花",pid:"四川省"},

 {text:"自贡",id:"自贡",pid:"四川省"},

 {text:"绵阳",id:"绵阳",pid:"四川省"},

 {text:"南充",id:"南充",pid:"四川省"},

 {text:"渠县",id:"渠县",pid:"四川省"},

 {text:"遂宁",id:"遂宁",pid:"四川省"},

 {text:"岳池",id:"岳池",pid:"四川省"},

 {text:"通江",id:"通江",pid:"四川省"},

 {text:"开县",id:"开县",pid:"四川省"},

 {text:"梁平",id:"梁平",pid:"四川省"},

 {text:"忠县",id:"忠县",pid:"四川省"},

 {text:"云阳",id:"云阳",pid:"四川省"},

 {text:"奉节",id:"奉节",pid:"四川省"},

 {text:"巫山",id:"巫山",pid:"四川省"},

 {text:"巫溪",id:"巫溪",pid:"四川省"},

 {text:"城口",id:"城口",pid:"四川省"},

 {text:"南川",id:"南川",pid:"四川省"},

 {text:"丰都",id:"丰都",pid:"四川省"},

 {text:"石柱",id:"石柱",pid:"四川省"},

 {text:"垫江",id:"垫江",pid:"四川省"},

 {text:"酉阳",id:"酉阳",pid:"四川省"},

 {text:"秀山",id:"秀山",pid:"四川省"},

 {text:"武隆",id:"武隆",pid:"四川省"},

 {text:"彭水",id:"彭水",pid:"四川省"},

 {text:"纳溪",id:"纳溪",pid:"四川省"},

 {text:"长宁",id:"长宁",pid:"四川省"},

 {text:"内江",id:"内江",pid:"四川省"},

 {text:"峨眉",id:"峨眉",pid:"四川省"},

 {text:"西昌",id:"西昌",pid:"四川省"},

 {text:"荣经",id:"荣经",pid:"四川省"},

 {text:"康定",id:"康定",pid:"四川省"},

 {text:"马尔康",id:"马尔康",pid:"四川省"},

 {text:"绵竹",id:"绵竹",pid:"四川省"},

 {text:"旺苍",id:"旺苍",pid:"四川省"},

 {text:"理县",id:"理县",pid:"四川省"},

 {text:"汶川",id:"汶川",pid:"四川省"},

 {text:"茂县",id:"茂县",pid:"四川省"},

 {text:"松潘",id:"松潘",pid:"四川省"},

 {text:"南坪",id:"南坪",pid:"四川省"},

 {text:"小金",id:"小金",pid:"四川省"},

 {text:"罗甸",id:"罗甸",pid:"贵州省"},

 {text:"贵阳",id:"贵阳",pid:"贵州省"},

 {text:"遵义",id:"遵义",pid:"贵州省"},

 {text:"安顺",id:"安顺",pid:"贵州省"},

 {text:"都匀",id:"都匀",pid:"贵州省"},

 {text:"凯里",id:"凯里",pid:"贵州省"},

 {text:"铜仁",id:"铜仁",pid:"贵州省"},

 {text:"毕节",id:"毕节",pid:"贵州省"},

 {text:"六盘水",id:"六盘水",pid:"贵州省"},

 {text:"兴义",id:"兴义",pid:"贵州省"},

 {text:"平坝",id:"平坝",pid:"贵州省"},

 {text:"紫云",id:"紫云",pid:"贵州省"},

 {text:"关岭",id:"关岭",pid:"贵州省"},

 {text:"镇宁",id:"镇宁",pid:"贵州省"},

 {text:"普定",id:"普定",pid:"贵州省"},

 {text:"贵定",id:"贵定",pid:"贵州省"},

 {text:"福泉",id:"福泉",pid:"贵州省"},

 {text:"翁安",id:"翁安",pid:"贵州省"},

 {text:"三都",id:"三都",pid:"贵州省"},

 {text:"荔波",id:"荔波",pid:"贵州省"},

 {text:"独山",id:"独山",pid:"贵州省"},

 {text:"平塘",id:"平塘",pid:"贵州省"},

 {text:"惠水",id:"惠水",pid:"贵州省"},

 {text:"龙里",id:"龙里",pid:"贵州省"},

 {text:"榕江",id:"榕江",pid:"贵州省"},

 {text:"长顺",id:"长顺",pid:"贵州省"},

 {text:"西双版纳",id:"西双版纳",pid:"云南省"},

 {text:"德宏",id:"德宏",pid:"云南省"},

 {text:"梁河",id:"梁河",pid:"云南省"},

 {text:"畹町",id:"畹町",pid:"云南省"},

 {text:"绥江",id:"绥江",pid:"云南省"},

 {text:"昆明",id:"昆明",pid:"云南省"},

 {text:"大理",id:"大理",pid:"云南省"},

 {text:"个旧",id:"个旧",pid:"云南省"},

 {text:"曲靖",id:"曲靖",pid:"云南省"},

 {text:"保山",id:"保山",pid:"云南省"},

 {text:"文山",id:"文山",pid:"云南省"},

 {text:"玉溪",id:"玉溪",pid:"云南省"},

 {text:"楚雄",id:"楚雄",pid:"云南省"},

 {text:"思茅",id:"思茅",pid:"云南省"},

 {text:"东川",id:"东川",pid:"云南省"},

 {text:"元县",id:"元县",pid:"云南省"},

 {text:"泸水",id:"泸水",pid:"云南省"},

 {text:"中甸",id:"中甸",pid:"云南省"},

 {text:"丽江",id:"丽江",pid:"云南省"},

 {text:"堆龙德庆",id:"堆龙德庆",pid:"*省"},

 {text:"曲水",id:"曲水",pid:"*省"},

 {text:"尼木",id:"尼木",pid:"*省"},

 {text:"仁布",id:"仁布",pid:"*省"},

 {text:"萨嘎",id:"萨嘎",pid:"*省"},

 {text:"岗巴",id:"岗巴",pid:"*省"},

 {text:"萨迦",id:"萨迦",pid:"*省"},

 {text:"定结",id:"定结",pid:"*省"},

 {text:"定日",id:"定日",pid:"*省"},

 {text:"聂拉木",id:"聂拉木",pid:"*省"},

 {text:"吉隆",id:"吉隆",pid:"*省"},

 {text:"仲巴",id:"仲巴",pid:"*省"},

 {text:"错那",id:"错那",pid:"*省"},

 {text:"昂仁",id:"昂仁",pid:"*省"},

 {text:"拉孜",id:"拉孜",pid:"*省"},

 {text:"谢通门",id:"谢通门",pid:"*省"},

 {text:"南木林",id:"南木林",pid:"*省"},

 {text:"隆子",id:"隆子",pid:"*省"},

 {text:"扎囊",id:"扎囊",pid:"*省"},

 {text:"墨脱",id:"墨脱",pid:"*省"},

 {text:"洛扎",id:"洛扎",pid:"*省"},

 {text:"浪卡子",id:"浪卡子",pid:"*省"},

 {text:"贡嘎",id:"贡嘎",pid:"*省"},

 {text:"类乌齐",id:"类乌齐",pid:"*省"},

 {text:"江达",id:"江达",pid:"*省"},

 {text:"贡觉",id:"贡觉",pid:"*省"},

 {text:"芒康",id:"芒康",pid:"*省"},

 {text:"左贡",id:"左贡",pid:"*省"},

 {text:"八宿",id:"八宿",pid:"*省"},

 {text:"洛隆",id:"洛隆",pid:"*省"},

 {text:"边坝",id:"边坝",pid:"*省"},

 {text:"丁青",id:"丁青",pid:"*省"},

 {text:"普兰",id:"普兰",pid:"*省"},

 {text:"巴青",id:"巴青",pid:"*省"},

 {text:"比方",id:"比方",pid:"*省"},

 {text:"嘉黎",id:"嘉黎",pid:"*省"},

 {text:"聂荣",id:"聂荣",pid:"*省"},

 {text:"班戈",id:"班戈",pid:"*省"},

 {text:"申扎",id:"申扎",pid:"*省"},

 {text:"措勤",id:"措勤",pid:"*省"},

 {text:"双湖",id:"双湖",pid:"*省"},

 {text:"扎达",id:"扎达",pid:"*省"},

 {text:"革吉",id:"革吉",pid:"*省"},

 {text:"樟木",id:"樟木",pid:"*省"},

 {text:"日土",id:"日土",pid:"*省"},

 {text:"改则",id:"改则",pid:"*省"},

 {text:"措美",id:"措美",pid:"*省"},

 {text:"索县",id:"索县",pid:"*省"},

 {text:"尼玛",id:"尼玛",pid:"*省"},

 {text:"盐井",id:"盐井",pid:"*省"},

 {text:"拉萨",id:"拉萨",pid:"*省"},

 {text:"日咯则市",id:"日咯则市",pid:"*省"},

 {text:"山南",id:"山南",pid:"*省"},

 {text:"林芝",id:"林芝",pid:"*省"},

 {text:"昌都",id:"昌都",pid:"*省"},

 {text:"那曲",id:"那曲",pid:"*省"},

 {text:"阿里",id:"阿里",pid:"*省"},

 {text:"西安",id:"西安",pid:"陕西省"},

 {text:"咸阳",id:"咸阳",pid:"陕西省"},

 {text:"延安",id:"延安",pid:"陕西省"},

 {text:"榆林",id:"榆林",pid:"陕西省"},

 {text:"渭南",id:"渭南",pid:"陕西省"},

 {text:"商洛(商州)",id:"商洛(商州)",pid:"陕西省"},

 {text:"安康",id:"安康",pid:"陕西省"},

 {text:"城固",id:"城固",pid:"陕西省"},

 {text:"宝鸡",id:"宝鸡",pid:"陕西省"},

 {text:"耀县",id:"耀县",pid:"陕西省"},

 {text:"临夏县",id:"临夏县",pid:"甘肃省"},

 {text:"兰州",id:"兰州",pid:"甘肃省"},

 {text:"定西",id:"定西",pid:"甘肃省"},

 {text:"平凉",id:"平凉",pid:"甘肃省"},

 {text:"合水",id:"合水",pid:"甘肃省"},

 {text:"古浪",id:"古浪",pid:"甘肃省"},

 {text:"张掖",id:"张掖",pid:"甘肃省"},

 {text:"玉门",id:"玉门",pid:"甘肃省"},

 {text:"张家川",id:"张家川",pid:"甘肃省"},

 {text:"武都",id:"武都",pid:"甘肃省"},

 {text:"甘南州",id:"甘南州",pid:"甘肃省"},

 {text:"平川",id:"平川",pid:"甘肃省"},

 {text:"武山",id:"武山",pid:"甘肃省"},

 {text:"海晏",id:"海晏",pid:"青海省"},

 {text:"西宁",id:"西宁",pid:"青海省"},

 {text:"海东",id:"海东",pid:"青海省"},

 {text:"同仁",id:"同仁",pid:"青海省"},

 {text:"兴海",id:"兴海",pid:"青海省"},

 {text:"玛沁",id:"玛沁",pid:"青海省"},

 {text:"玉树",id:"玉树",pid:"青海省"},

 {text:"德令哈",id:"德令哈",pid:"青海省"},

 {text:"门源",id:"门源",pid:"青海省"},

 {text:"格尔木市",id:"格尔木市",pid:"青海省"},

 {text:"河南县",id:"河南县",pid:"青海省"},

 {text:"泽库",id:"泽库",pid:"青海省"},

 {text:"李家峡",id:"李家峡",pid:"青海省"},

 {text:"乌兰",id:"乌兰",pid:"青海省"},

 {text:"都兰",id:"都兰",pid:"青海省"},

 {text:"天峻",id:"天峻",pid:"青海省"},

 {text:"治多",id:"治多",pid:"青海省"},

 {text:"海北",id:"海北",pid:"青海省"},

 {text:"杂多",id:"杂多",pid:"青海省"},

 {text:"曲麻莱",id:"曲麻莱",pid:"青海省"},

 {text:"龙羊峡",id:"龙羊峡",pid:"青海省"},

 {text:"茫崖",id:"茫崖",pid:"青海省"},

 {text:"贵德",id:"贵德",pid:"青海省"},

 {text:"贵南",id:"贵南",pid:"青海省"},

 {text:"同德",id:"同德",pid:"青海省"},

 {text:"祁连",id:"祁连",pid:"青海省"},

 {text:"刚察",id:"刚察",pid:"青海省"},

 {text:"大柴旦",id:"大柴旦",pid:"青海省"},

 {text:"冷湖",id:"冷湖",pid:"青海省"},

 {text:"达日",id:"达日",pid:"青海省"},

 {text:"玛多",id:"玛多",pid:"青海省"},

 {text:"班玛",id:"班玛",pid:"青海省"},

 {text:"甘德",id:"甘德",pid:"青海省"},

 {text:"久治",id:"久治",pid:"青海省"},

 {text:"额敏",id:"额敏",pid:"*省"},

 {text:"巴里坤",id:"巴里坤",pid:"*省"},

 {text:"策勒",id:"策勒",pid:"*省"},

 {text:"青河",id:"青河",pid:"*省"},

 {text:"阿图什布",id:"阿图什布",pid:"*省"},

 {text:"博乐",id:"博乐",pid:"*省"},

 {text:"克拉玛依",id:"克拉玛依",pid:"*省"},

 {text:"乌鲁木齐",id:"乌鲁木齐",pid:"*省"},

 {text:"乌苏",id:"乌苏",pid:"*省"},

 {text:"石河子",id:"石河子",pid:"*省"},

 {text:"奇台",id:"奇台",pid:"*省"},

 {text:"吐鲁番",id:"吐鲁番",pid:"*省"},

 {text:"库尔勒",id:"库尔勒",pid:"*省"},

 {text:"乌什",id:"乌什",pid:"*省"},

 {text:"塔什库尔干",id:"塔什库尔干",pid:"*省"},

 {text:"察布查尔",id:"察布查尔",pid:"*省"},

 {text:"儋州",id:"儋州",pid:"海南省"},

 {text:"海口",id:"海口",pid:"海南省"},

 {text:"三亚",id:"三亚",pid:"海南省"},

 {text:"兴隆",id:"兴隆",pid:"海南省"},

]};

版权声明：本文博客原创文章，博客，未经同意，不得转载。

json级联城市的更多相关文章

  1. 使用element-ui制作三级级联城市选择器

    1.效果预览: 2.引入资源文件 1.vue资源 <script src="https://unpkg.com/vue/dist/vue.js"></script ...

  2. 对JSON格式的城市按照拼音首字母排序

    需求说明: App应用中最常见的一种操作就是对城市按照拼音首字母排序,以方便选择城市.而已有的json格式的城市数据是没有这种排序的. 已有的json格式的城市数据格式如下[简化之后]: 数据格式说明 ...

  3. js省市级联实现

    js省市级联实现. for [element] in [collection] 用于循环下标,常用于json for(index in arr){ console.info("下标:&quo ...

  4. javascript数组&amp&semi;省市联动分别用js数组和JSON实现

    1.定义数组的三种方式: **数组可以存放不同的数据类型   第一种: var arr=[1,2,3];   var arr=[1,"2",true];   第二种: 使用内置对象 ...

  5. 免费天气API，天气JSON API，不限次数获取十五天的天气预报

    紧急情况说明: 禁用IP列表: 39.104.69.*(原因39.104.69.6 在2018年10月的 17~20日 排行为top 1,每天几十万次.) 47.98.211.* (原因47.98.2 ...

  6. Java生成json

    JSON(JavaScript Object Notation):一种轻量级的数据交换格式: Be JSON:在线JSON校验格式化工具 www.bejson.com 需求:编写代码生成如下的json ...

  7. vue &plus; echarts 实现中国地图 展示城市

    Demo 安装依赖 vue中安装echarts npm install echarts -S 在main.js中引用 import echarts from 'echarts'Vue.prototyp ...

  8. 一个豆瓣API的使用——拒绝思维定式

    好久没写博客了,最近一直在用豆瓣API爬数据,不知道以前的是什么样,毕竟刚开始用没多久,就用最新的V2版本,以前的不更新了,可以参照https://developers.douban.com/wiki ...

  9. 获取全国市以及地理坐标，各大坐标系北斗，百度，WGS-84坐标系的转换，有图，有代码

    1 先上坐标取到的值: 获取到的坐标部分如下: '北京市':[116.39564503788,39.92998577808], '天津市':[117.21081309155,39.1439299033 ...

随机推荐

  1. Inno Setup入门（七）&mdash&semi;&mdash&semi;提供安装语言选项

    Inno Setup安装目录下有一个Languages的文件夹,该文件夹提供了可供使用的语言,通过在脚本中加入[languages]段,可以实现该项功能,实现代码如下: [setup] ;全局设置,本 ...

  2. LNMP1&period;3一键安装Linux环境，配置Nginx运行ThinkPHP3&period;2

    LNMP1.3一键安装Linux环境,配置Nginx运行ThinkPHP3.2 你是否遇见过:安装LNMP1.3环境后,运行ThinkPHP 3.2,只能打开首页,不能访问控制器,报404错误. 按照 ...

  3. 【Alpha】 第七次Daily Scrum Meeting

    一.本次会议为第七次meeting会议 二.时间:9:37AM-9:50AM 地点:禹州三楼 三.会议站立式照片 四.今日任务 成员 昨日任务 今日任务 林清青 学习并了解微信程序相关方面知识,为小组 ...

  4. 第4章 同步控制 Synchronization ---哲学家进餐问题（The Dining Philosophers）

    哲学家进餐问题是这样子的:好几位哲学家围绕着餐桌坐,每一位哲学家要么思考,要么等待,要么就吃饭.为了吃饭,哲学家必须拿起两支筷子(分放于左右两端).不幸的是,筷子的数量和哲学家相等,所以每支筷子必须由 ...

  5. windowsxp&lowbar;电脑桌面显示不出来。

    问题:在工作的时候遇到电脑桌面显示不出来 解决方案: 1.结束explorer.exe进程 2.新建一个explorer.exe进程

  6. java&lowbar;18 Collection接口

    1.Collection接口 Collection 层次结构 中的根接口.Collection 表示一组对象,这些对象也称为 collection 的元素.一些 collection 允许有重复的元素 ...

  7. jsp-静态包含和动态包含的区别

    include指令是静态包含.静态包含的意思就是:把文件的代码内容都包含进来,再编译! include指令是静态包含,include行为是动态包含.其实include行为就是封装了request.ge ...

  8. 六&colon;理解控件的运行机制&lpar;例&colon;基于WebControl命名空间的控件&rpar;

    Control类的Render方法在WebControl类中被被分成三部分1:RenderBeginTag,呈现标签的开始2:RenderContents,呈现标签的内容3:RenderEndTag, ...

  9. 2018&period;4&period;2 flask web

    from flask import Flask,request from flask import jsonify from flask import render_template app = Fl ...

  10. VC&plus;&plus;记录

    1. 记录时间 #include <atlstr.h>#include <time.h>clock_t clockBegin, clockEnd; clockBegin = c ...

相关文章