json级联城市

代码:

<!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:"海南省"},
]};

版权声明:本文博客原创文章,博客,未经同意,不得转载。

时间: 2024-10-31 15:35:37

json级联城市的相关文章

Java SSH 项目总结——Ajax+Json 级联菜单

前言 前台JSP页面需要实现下拉菜单的级联效果,实现方式如题,采用Ajax+Json,分享下实现过程. 正题 先看下效果图: 前台 <tr> <td> 注册地址 <!-- registeredAddressSection --> </td> <td> <select class="combox" id="zhuceid" name="zhuceid" onchange="

使用elementUI制作三级级联城市选择器

1.效果预览: 2.引入资源文件 1.vue资源 <script src="https://unpkg.com/vue/dist/vue.js"></script> 2.elementUI资源 <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <script src="htt

javascript数组&amp;省市联动分别用js数组和JSON实现

1.定义数组的三种方式: **数组可以存放不同的数据类型 第一种: var arr=[1,2,3];   var arr=[1,"2",true]; 第二种: 使用内置对象,Array对象 var arr1=new Array(5);   //定义一个数组,数组的长度是5 arr1[0]="1"; var arr1=new Array(3); arr1[0]=1; arr1[1]="a"; arr1[2]=true; alert(arr1); 第

Android实战简易教程-第六十枪(分享一个城市选择功能模块)

在做一些APP的时候可能会用到城市选择模块的功能,本实例可以提供位置自定定位和手动选择的功能,非常好用,大家可以修改后加入自己的项目中. 首先看一下效果: 1.进入有的手机可能会提示权限要求,这时我们选择允许. 2.选择允许后进入: 这个位置可以看到我们的城市已经通过GPS获取到了 点击这个控件,城市获取完成了: 下面我们看一下关键代码如何实现这个功能效果. 1.MainActivity.java: package com.winxiang.locationselect; import andr

(自创)城市组件,含拼音首字母搜索 基于angular的封装

啥都不说 先给思想 城市组件设计 1:四个集合: totalJson 总的json provinceJson 省份json cityJson 城市json countyJSon 区县json 输出的字符串: totalStr:形如 安徽-合肥-政务区 的字符串 cityAndCounStr:形如 合肥-政务区 的字符串 listContentJson:只含有城市的json 如:hf [ 合肥 海丰] 2:方法: Step1:所有的搜索转为对拼音的匹配 如:安/an  会匹配到 anhui  an

天气预报接口

网址:http://www.k780.com/api/weather.city天气: 实时天气:http://api.k780.com:88/?app=weather.today&weaid=1&&appkey=10003&sign=b59bc3ef6191eb9f747dd4e83c99f2a4&format=json 天气预报(未来5-7天):http://api.k780.com:88/?app=weather.future&weaid=1&&

一个豆瓣API的使用——拒绝思维定式

好久没写博客了,最近一直在用豆瓣API爬数据,不知道以前的是什么样,毕竟刚开始用没多久,就用最新的V2版本,以前的不更新了,可以参照https://developers.douban.com/wiki/?title=api_v2,但是在用某些API的时候会出一些问题,需要自己琢磨琢磨,因为网上关于API爬数据的资料并不多,今天就聊一些豆瓣同城V2的一个接口的调用——获取活动列表. 根据豆瓣同城V2提供的接口,获取活动列表:GET https://api.douban.com/v2/event/l

云计算设计模式(十二)——索引表模式

创建索引过的被查询条件经常被引用的数据存储等领域.这种模式可以通过允许应用程序更快速地定位数据来从数据存储中检索提高查询性能. 背景和问题 许多数据存储通过使用主键组织为实体的集合的数据.应用程序可以使用此键来查找和检索数据.图1显示了一个数据存储区保持顾客的信息的例子.主键是客户ID. 图1  - 按主键组织的客户信息(客户ID) 而主键是该取基于该关键字的值的数据的查询宝贵的,应用程序可能不能够使用主键是否需要基于其它字段来检索数据.在顾客例如,应用程序不能使用该客户ID主键来检索客户,如果

获取全国市以及地理坐标,各大坐标系北斗,百度,WGS-84坐标系的转换

1 先上坐标取到的值: 获取到的坐标部分如下: '北京市':[116.39564503788,39.92998577808], '天津市':[117.21081309155,39.14392990331], '上海市':[121.48789948569,31.249161710015], '重庆市':[106.53063501341,29.544606108886], '合肥市':[117.28269909168,31.866942260687], '芜湖市':[118.38410842323,