精华内容
下载资源
问答
  • 单级联动

    2019-12-27 17:28:40
    想要实现联动的效果首先我们要知道什么是单机联动,所谓的单级联动就是点击输入框的时候,下面会出现多个单级联动的列表供你选择自己所要选择的数据。 我们使用html写主题内容,使用CSS添加样式,使用Jquery实现联动...

    想要实现联动的效果首先我们要知道什么是单机联动,所谓的单级联动就是点击输入框的时候,下面会出现多个单级联动的列表供你选择自己所要选择的数据。

    我们使用html写主题内容,使用CSS添加样式,使用Jquery实现联动等相关的事件和效果。

    效果演示
    在这里插入图片描述

    代码演示

    HTML代码

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>单级联动</title>
    
    		<link rel="stylesheet" href="css/style.css">
    		<style type="text/css">
    			/*自定义样式*/
    			body,
    			html {
    				margin: 0;
    				padding: 0;
    			}
    
    			.slide-wapper {
    				padding: 20px;
    				overflow-y: scroll;
    				background: ghostwhite;
    			}
    
    			.title {
    				padding-top: 30px;
    				padding-bottom: 10px;
    				color: red;
    			}
    
    		</style>
    
    	</head>
    	<body>
    
    		<div class="slide-wapper">
    			<div class="slide-item">
    				<div class="title">单级省市选择:</div>
    				<input type="text" class="select-value3" value="">
    			</div>
    		</div>
    
    		<script src="js/jquery.js"></script>
    		<script src="js/index.js"></script>
    
    		<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
    		</div>
    	</body>
    </html>
    
    

    style.css代码

    @charset "UTF-8";
    /* line 6, ../sass/mpicker.scss */
    .hide {
      display: none;
    }
    
    /* line 9, ../sass/mpicker.scss */
    .mPicker-hide {
      visibility: hidden;
    }
    
    /* line 15, ../sass/mpicker.scss */
    .mPicker-pr {
      position: relative;
    }
    
    /* line 19, ../sass/mpicker.scss */
    .mPicker {
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 9999;
    }
    
    /*遮罩*/
    /* line 32, ../sass/mpicker.scss */
    .mPicker-mask {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 9;
      background: #000;
      opacity: .7;
    }
    
    /*选中的线*/
    /* line 46, ../sass/mpicker.scss */
    .mPicker-active-box {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 70%;
      margin-left: -35%;
      border-top: 1px solid #31b6e7;
      border-bottom: 1px solid #31b6e7;
    }
    
    /* line 56, ../sass/mpicker.scss */
    .mPicker-main {
      background: #f5f5f5;
      box-sizing: border-box;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 10;
      -webkit-transition: all .2s ease-out;
      transition: all .2s ease-out;
      -webkit-backface-visibility: hidden;
      -webkit-transform-style: preserve-3d;
      -webkit-transform: translate3d(0, 0, 0);
    }
    
    /* line 71, ../sass/mpicker.scss */
    .mPicker-main.mPicker-bottom {
      bottom: 0;
    }
    
    /* line 75, ../sass/mpicker.scss */
    .mPicker-main.mPicker-modal {
      -webkit-border-radius: 3px;
      border-radius: 3px;
      width: 264px;
      top: 50%;
      bottom: auto;
      left: 50%;
      margin-top: -127px;
      margin-left: -132px;
    }
    
    /* line 86, ../sass/mpicker.scss */
    .mPicker-main.down {
      transform: translateY(100%);
      -webkit-transform: translateY(100%);
    }
    
    /* line 91, ../sass/mpicker.scss */
    .mPicker-header {
      position: relative;
      height: 40px;
      line-height: 40px;
      text-align: center;
      border-bottom: 1px solid #31b6e7;
      color: #31b6e7;
      font-size: 1.6rem;
    }
    
    /* line 101, ../sass/mpicker.scss */
    .mPicker-footer {
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      height: 36px;
      line-height: 36px;
      position: relative;
    }
    
    /* line 109, ../sass/mpicker.scss */
    .mPicker-content {
      overflow: hidden;
      z-index: 15;
      position: relative;
      display: box;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    
    /* line 123, ../sass/mpicker.scss */
    .mPicker-list {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      width: 100%;
      position: relative;
      overflow: hidden;
    }
    
    /* line 134, ../sass/mpicker.scss */
    .mPicker-content ul {
      width: 100%;
      text-align: center;
      position: relative;
      z-index: 20;
      list-style: none;
      margin: 0;
      padding: 0;
    }
    
    /* line 144, ../sass/mpicker.scss */
    .mPicker-content li {
      padding-left: 3%;
      padding-right: 3%;
      height: 36px;
      line-height: 36px;
      overflow: hidden;
      color: #333;
      font-size: 1.4rem;
      -webkit-transition: all .2s ease-out;
      transition: all .2s ease-out;
    }
    
    /* line 156, ../sass/mpicker.scss */
    .mPicker-content li.active {
      color: #000;
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
    
    /* line 162, ../sass/mpicker.scss */
    .mPicker-content.level-2 ul {
      width: 50%;
    }
    
    /*按钮*/
    /* line 169, ../sass/mpicker.scss */
    .mPicker-confirm,
    .mPicker-cancel {
      color: #333;
      font-size: 1.4rem;
      width: 50%;
      text-align: center;
      display: inline-block;
      text-decoration: none;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    /* line 179, ../sass/mpicker.scss */
    .mPicker-confirm:active, .mPicker-confirm:hover,
    .mPicker-cancel:active,
    .mPicker-cancel:hover {
      background-color: #29799c;
      color: #fff;
    }
    
    /* line 186, ../sass/mpicker.scss */
    .mPicker-confirm {
      border-right: 1px solid #dbdbdb;
      background: #31b6e7;
      color: #fff;
    }
    
    /* line 192, ../sass/mpicker.scss */
    .mPicker-input-mask {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
    }
    
    /* line 199, ../sass/mpicker.scss */
    .mPicker-shadow {
      position: absolute;
      top: 41px;
      bottom: 38px;
      left: 0;
      width: 100%;
      z-index: 999;
      background: linear-gradient(#282828 0, rgba(40, 40, 40, 0) 52%, rgba(40, 40, 40, 0) 48%, #282828 100%);
      background: -webkit-gradient(linear, left bottom, left top, from(#282828), color-stop(0.52, rgba(40, 40, 40, 0)), color-stop(0.48, rgba(40, 40, 40, 0)), to(#282828));
      background: -moz-linear-gradient(#282828 0, rgba(40, 40, 40, 0) 52%, rgba(40, 40, 40, 0) 48%, #282828 100%);
      background: -o-linear-gradient(#282828 0, rgba(40, 40, 40, 0) 52%, rgba(40, 40, 40, 0) 48%, #282828 100%);
      background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(whitesmoke), color-stop(0.48, rgba(245, 245, 245, 0)), color-stop(0.52, rgba(245, 245, 245, 0)), to(whitesmoke));
      pointer-events: none;
    }
    
    

    index.js代码

        var level3 = [{
        	"name": '111',
        	"value": '1',
        	"child": [{
        		"name": '222',
        		"value": '3',
        		"child": [{
        			"name": 'fff',
        			"value": '3'
        		}, {
        			"name": 'ggg',
        			"value": '4'
        		}, {
        			"name": 'hhh',
        			"value": '5'
        		}, {
        			"name": 'yyy',
        			"value": '6'
        		}]
        	}, {
        		"name": '333',
        		"value": '4',
        		"child": [{
        			"name": '222',
        			"value": '3'
        		}, {
        			"name": '333',
        			"value": '4'
        		}, {
        			"name": '4444',
        			"value": '5'
        		}, {
        			"name": '555',
        			"value": '6'
        		}]
        	}, {
        		"name": '4444',
        		"value": '5',
        		"child": [{
        			"name": '222',
        			"value": '3'
        		}, {
        			"name": '333',
        			"value": '4'
        		}, {
        			"name": '4444',
        			"value": '5'
        		}, {
        			"name": '555',
        			"value": '6'
        		}]
        	}, {
        		"name": '555',
        		"value": '6',
        		"child": [{
        			"name": 'fff',
        			"value": '3'
        		}, {
        			"name": 'ggg',
        			"value": '4'
        		}, {
        			"name": 'hhh',
        			"value": '5'
        		}, {
        			"name": 'yyy',
        			"value": '6'
        		}]
        	}, {
        		"name": '4444',
        		"value": '5',
        		"child": [{
        			"name": 'fff',
        			"value": '3'
        		}, {
        			"name": 'ggg',
        			"value": '4'
        		}, {
        			"name": 'hhh',
        			"value": '5'
        		}, {
        			"name": 'yyy',
        			"value": '6'
        		}]
        	}, {
        		"name": '555',
        		"value": '6',
        		"child": [{
        			"name": 'fff',
        			"value": '3'
        		}, {
        			"name": 'ggg',
        			"value": '4'
        		}, {
        			"name": 'hhh',
        			"value": '5'
        		}, {
        			"name": 'yyy',
        			"value": '6'
        		}]
        	}]
        }, {
        	"name": 'ddd',
        	"value": '2',
        	"child": [{
        		"name": 'fff',
        		"value": '3'
        	}, {
        		"name": 'ggg',
        		"value": '4'
        	}, {
        		"name": 'hhh',
        		"value": '5'
        	}, {
        		"name": 'yyy',
        		"value": '6'
        	}]
        }, {
        	"name": 'www',
        	"value": '3',
        	"child": [{
        		"name": '收到额外人',
        		"value": '3'
        	}, {
        		"name": '啦啦啦',
        		"value": '4'
        	}, {
        		"name": '饿的方式度过',
        		"value": '5'
        	}, {
        		"name": '收到额外人',
        		"value": '6'
        	}]
        }, {
        	"name": 'rrr',
        	"value": '4',
        	"child": [{
        		"name": '收到额外人',
        		"value": '3'
        	}, {
        		"name": '啦啦啦',
        		"value": '4'
        	}, {
        		"name": '饿的方式度过',
        		"value": '5'
        	}, {
        		"name": '收到额外人',
        		"value": '6'
        	}]
        }, {
        	"name": 'yyy',
        	"value": '5',
        	"child": [{
        		"name": '收到额外人',
        		"value": '3'
        	}, {
        		"name": '啦啦啦',
        		"value": '4'
        	}, {
        		"name": '饿的方式度过',
        		"value": '5'
        	}, {
        		"name": '收到额外人',
        		"value": '6'
        	}]
        }, {
        	"name": 'uuu',
        	"value": '6',
        	"child": [{
        		"name": '收到额外人',
        		"value": '3'
        	}, {
        		"name": '啦啦啦',
        		"value": '4'
        	}, {
        		"name": '饿的方式度过',
        		"value": '5'
        	}, {
        		"name": '收到额外人',
        		"value": '6'
        	}]
        }];
        var cityData = [{
        	"id": "110000",
        	"name": "北京市",
        	"shortName": "北京",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "110100",
        	"name": "北京市",
        	"shortName": "北京",
        	"parentId": "110000",
        	"level": "2"
        }, {
        	"id": "120000",
        	"name": "天津市",
        	"shortName": "天津",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "120100",
        	"name": "天津市",
        	"shortName": "天津",
        	"parentId": "120000",
        	"level": "2"
        }, {
        	"id": "130000",
        	"name": "河北省",
        	"shortName": "河北",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "130100",
        	"name": "石家庄市",
        	"shortName": "石家庄",
        	"parentId": "130000",
        	"level": "2"
        }, {
        	"id": "130200",
        	"name": "唐山市",
        	"shortName": "唐山",
        	"parentId": "130000",
        	"level": "2"
        }, {
        	"id": "130300",
        	"name": "秦皇岛市",
        	"shortName": "秦皇岛",
        	"parentId": "130000",
        	"level": "2"
        }, {
        	"id": "130400",
        	"name": "邯郸市",
        	"shortName": "邯郸",
        	"parentId": "130000",
        	"level": "2"
        }, {
        	"id": "130500",
        	"name": "邢台市",
        	"shortName": "邢台",
        	"parentId": "130000",
        	"level": "2"
        }, {
        	"id": "130600",
        	"name": "保定市",
        	"shortName": "保定",
        	"parentId": "130000",
        	"level": "2"
        }, {
        	"id": "130700",
        	"name": "张家口市",
        	"shortName": "张家口",
        	"parentId": "130000",
        	"level": "2"
        }, {
        	"id": "130800",
        	"name": "承德市",
        	"shortName": "承德",
        	"parentId": "130000",
        	"level": "2"
        }, {
        	"id": "130900",
        	"name": "沧州市",
        	"shortName": "沧州",
        	"parentId": "130000",
        	"level": "2"
        }, {
        	"id": "131000",
        	"name": "廊坊市",
        	"shortName": "廊坊",
        	"parentId": "130000",
        	"level": "2"
        }, {
        	"id": "131100",
        	"name": "衡水市",
        	"shortName": "衡水",
        	"parentId": "130000",
        	"level": "2"
        }, {
        	"id": "140000",
        	"name": "山西省",
        	"shortName": "山西",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "140100",
        	"name": "太原市",
        	"shortName": "太原",
        	"parentId": "140000",
        	"level": "2"
        }, {
        	"id": "140200",
        	"name": "大同市",
        	"shortName": "大同",
        	"parentId": "140000",
        	"level": "2"
        }, {
        	"id": "140300",
        	"name": "阳泉市",
        	"shortName": "阳泉",
        	"parentId": "140000",
        	"level": "2"
        }, {
        	"id": "140400",
        	"name": "长治市",
        	"shortName": "长治",
        	"parentId": "140000",
        	"level": "2"
        }, {
        	"id": "140500",
        	"name": "晋城市",
        	"shortName": "晋城",
        	"parentId": "140000",
        	"level": "2"
        }, {
        	"id": "140600",
        	"name": "朔州市",
        	"shortName": "朔州",
        	"parentId": "140000",
        	"level": "2"
        }, {
        	"id": "140700",
        	"name": "晋中市",
        	"shortName": "晋中",
        	"parentId": "140000",
        	"level": "2"
        }, {
        	"id": "140800",
        	"name": "运城市",
        	"shortName": "运城",
        	"parentId": "140000",
        	"level": "2"
        }, {
        	"id": "140900",
        	"name": "忻州市",
        	"shortName": "忻州",
        	"parentId": "140000",
        	"level": "2"
        }, {
        	"id": "141000",
        	"name": "临汾市",
        	"shortName": "临汾",
        	"parentId": "140000",
        	"level": "2"
        }, {
        	"id": "141100",
        	"name": "吕梁市",
        	"shortName": "吕梁",
        	"parentId": "140000",
        	"level": "2"
        }, {
        	"id": "150000",
        	"name": "内蒙古自治区",
        	"shortName": "内蒙古",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "150100",
        	"name": "呼和浩特市",
        	"shortName": "呼和浩特",
        	"parentId": "150000",
        	"level": "2"
        }, {
        	"id": "150200",
        	"name": "包头市",
        	"shortName": "包头",
        	"parentId": "150000",
        	"level": "2"
        }, {
        	"id": "150300",
        	"name": "乌海市",
        	"shortName": "乌海",
        	"parentId": "150000",
        	"level": "2"
        }, {
        	"id": "150400",
        	"name": "赤峰市",
        	"shortName": "赤峰",
        	"parentId": "150000",
        	"level": "2"
        }, {
        	"id": "150500",
        	"name": "通辽市",
        	"shortName": "通辽",
        	"parentId": "150000",
        	"level": "2"
        }, {
        	"id": "150600",
        	"name": "鄂尔多斯市",
        	"shortName": "鄂尔多斯",
        	"parentId": "150000",
        	"level": "2"
        }, {
        	"id": "150700",
        	"name": "呼伦贝尔市",
        	"shortName": "呼伦贝尔",
        	"parentId": "150000",
        	"level": "2"
        }, {
        	"id": "150800",
        	"name": "巴彦淖尔市",
        	"shortName": "巴彦淖尔",
        	"parentId": "150000",
        	"level": "2"
        }, {
        	"id": "150900",
        	"name": "乌兰察布市",
        	"shortName": "乌兰察布",
        	"parentId": "150000",
        	"level": "2"
        }, {
        	"id": "152200",
        	"name": "兴安盟",
        	"shortName": "兴安盟",
        	"parentId": "150000",
        	"level": "2"
        }, {
        	"id": "152500",
        	"name": "锡林郭勒盟",
        	"shortName": "锡林郭勒盟",
        	"parentId": "150000",
        	"level": "2"
        }, {
        	"id": "152900",
        	"name": "阿拉善盟",
        	"shortName": "阿拉善盟",
        	"parentId": "150000",
        	"level": "2"
        }, {
        	"id": "210000",
        	"name": "辽宁省",
        	"shortName": "辽宁",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "210100",
        	"name": "沈阳市",
        	"shortName": "沈阳",
        	"parentId": "210000",
        	"level": "2"
        }, {
        	"id": "210200",
        	"name": "大连市",
        	"shortName": "大连",
        	"parentId": "210000",
        	"level": "2"
        }, {
        	"id": "210300",
        	"name": "鞍山市",
        	"shortName": "鞍山",
        	"parentId": "210000",
        	"level": "2"
        }, {
        	"id": "210400",
        	"name": "抚顺市",
        	"shortName": "抚顺",
        	"parentId": "210000",
        	"level": "2"
        }, {
        	"id": "210500",
        	"name": "本溪市",
        	"shortName": "本溪",
        	"parentId": "210000",
        	"level": "2"
        }, {
        	"id": "210600",
        	"name": "丹东市",
        	"shortName": "丹东",
        	"parentId": "210000",
        	"level": "2"
        }, {
        	"id": "210700",
        	"name": "锦州市",
        	"shortName": "锦州",
        	"parentId": "210000",
        	"level": "2"
        }, {
        	"id": "210800",
        	"name": "营口市",
        	"shortName": "营口",
        	"parentId": "210000",
        	"level": "2"
        }, {
        	"id": "210900",
        	"name": "阜新市",
        	"shortName": "阜新",
        	"parentId": "210000",
        	"level": "2"
        }, {
        	"id": "211000",
        	"name": "辽阳市",
        	"shortName": "辽阳",
        	"parentId": "210000",
        	"level": "2"
        }, {
        	"id": "211100",
        	"name": "盘锦市",
        	"shortName": "盘锦",
        	"parentId": "210000",
        	"level": "2"
        }, {
        	"id": "211200",
        	"name": "铁岭市",
        	"shortName": "铁岭",
        	"parentId": "210000",
        	"level": "2"
        }, {
        	"id": "211300",
        	"name": "朝阳市",
        	"shortName": "朝阳",
        	"parentId": "210000",
        	"level": "2"
        }, {
        	"id": "211400",
        	"name": "葫芦岛市",
        	"shortName": "葫芦岛",
        	"parentId": "210000",
        	"level": "2"
        }, {
        	"id": "211500",
        	"name": "金普新区",
        	"shortName": "金普新区",
        	"parentId": "210000",
        	"level": "2"
        }, {
        	"id": "220000",
        	"name": "吉林省",
        	"shortName": "吉林",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "220100",
        	"name": "长春市",
        	"shortName": "长春",
        	"parentId": "220000",
        	"level": "2"
        }, {
        	"id": "220200",
        	"name": "吉林市",
        	"shortName": "吉林",
        	"parentId": "220000",
        	"level": "2"
        }, {
        	"id": "220300",
        	"name": "四平市",
        	"shortName": "四平",
        	"parentId": "220000",
        	"level": "2"
        }, {
        	"id": "220400",
        	"name": "辽源市",
        	"shortName": "辽源",
        	"parentId": "220000",
        	"level": "2"
        }, {
        	"id": "220500",
        	"name": "通化市",
        	"shortName": "通化",
        	"parentId": "220000",
        	"level": "2"
        }, {
        	"id": "220600",
        	"name": "白山市",
        	"shortName": "白山",
        	"parentId": "220000",
        	"level": "2"
        }, {
        	"id": "220700",
        	"name": "松原市",
        	"shortName": "松原",
        	"parentId": "220000",
        	"level": "2"
        }, {
        	"id": "220800",
        	"name": "白城市",
        	"shortName": "白城",
        	"parentId": "220000",
        	"level": "2"
        }, {
        	"id": "222400",
        	"name": "延边朝鲜族自治州",
        	"shortName": "延边",
        	"parentId": "220000",
        	"level": "2"
        }, {
        	"id": "230000",
        	"name": "黑龙江省",
        	"shortName": "黑龙江",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "230100",
        	"name": "哈尔滨市",
        	"shortName": "哈尔滨",
        	"parentId": "230000",
        	"level": "2"
        }, {
        	"id": "230200",
        	"name": "齐齐哈尔市",
        	"shortName": "齐齐哈尔",
        	"parentId": "230000",
        	"level": "2"
        }, {
        	"id": "230300",
        	"name": "鸡西市",
        	"shortName": "鸡西",
        	"parentId": "230000",
        	"level": "2"
        }, {
        	"id": "230400",
        	"name": "鹤岗市",
        	"shortName": "鹤岗",
        	"parentId": "230000",
        	"level": "2"
        }, {
        	"id": "230500",
        	"name": "双鸭山市",
        	"shortName": "双鸭山",
        	"parentId": "230000",
        	"level": "2"
        }, {
        	"id": "230600",
        	"name": "大庆市",
        	"shortName": "大庆",
        	"parentId": "230000",
        	"level": "2"
        }, {
        	"id": "230700",
        	"name": "伊春市",
        	"shortName": "伊春",
        	"parentId": "230000",
        	"level": "2"
        }, {
        	"id": "230800",
        	"name": "佳木斯市",
        	"shortName": "佳木斯",
        	"parentId": "230000",
        	"level": "2"
        }, {
        	"id": "230900",
        	"name": "七台河市",
        	"shortName": "七台河",
        	"parentId": "230000",
        	"level": "2"
        }, {
        	"id": "231000",
        	"name": "牡丹江市",
        	"shortName": "牡丹江",
        	"parentId": "230000",
        	"level": "2"
        }, {
        	"id": "231100",
        	"name": "黑河市",
        	"shortName": "黑河",
        	"parentId": "230000",
        	"level": "2"
        }, {
        	"id": "231200",
        	"name": "绥化市",
        	"shortName": "绥化",
        	"parentId": "230000",
        	"level": "2"
        }, {
        	"id": "232700",
        	"name": "大兴安岭地区",
        	"shortName": "大兴安岭",
        	"parentId": "230000",
        	"level": "2"
        }, {
        	"id": "310000",
        	"name": "上海市",
        	"shortName": "上海",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "310100",
        	"name": "上海市",
        	"shortName": "上海",
        	"parentId": "310000",
        	"level": "2"
        }, {
        	"id": "320000",
        	"name": "江苏省",
        	"shortName": "江苏",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "320100",
        	"name": "南京市",
        	"shortName": "南京",
        	"parentId": "320000",
        	"level": "2"
        }, {
        	"id": "320200",
        	"name": "无锡市",
        	"shortName": "无锡",
        	"parentId": "320000",
        	"level": "2"
        }, {
        	"id": "320300",
        	"name": "徐州市",
        	"shortName": "徐州",
        	"parentId": "320000",
        	"level": "2"
        }, {
        	"id": "320400",
        	"name": "常州市",
        	"shortName": "常州",
        	"parentId": "320000",
        	"level": "2"
        }, {
        	"id": "320500",
        	"name": "苏州市",
        	"shortName": "苏州",
        	"parentId": "320000",
        	"level": "2"
        }, {
        	"id": "320600",
        	"name": "南通市",
        	"shortName": "南通",
        	"parentId": "320000",
        	"level": "2"
        }, {
        	"id": "320700",
        	"name": "连云港市",
        	"shortName": "连云港",
        	"parentId": "320000",
        	"level": "2"
        }, {
        	"id": "320800",
        	"name": "淮安市",
        	"shortName": "淮安",
        	"parentId": "320000",
        	"level": "2"
        }, {
        	"id": "320900",
        	"name": "盐城市",
        	"shortName": "盐城",
        	"parentId": "320000",
        	"level": "2"
        }, {
        	"id": "321000",
        	"name": "扬州市",
        	"shortName": "扬州",
        	"parentId": "320000",
        	"level": "2"
        }, {
        	"id": "321100",
        	"name": "镇江市",
        	"shortName": "镇江",
        	"parentId": "320000",
        	"level": "2"
        }, {
        	"id": "321200",
        	"name": "泰州市",
        	"shortName": "泰州",
        	"parentId": "320000",
        	"level": "2"
        }, {
        	"id": "321300",
        	"name": "宿迁市",
        	"shortName": "宿迁",
        	"parentId": "320000",
        	"level": "2"
        }, {
        	"id": "330000",
        	"name": "浙江省",
        	"shortName": "浙江",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "330100",
        	"name": "杭州市",
        	"shortName": "杭州",
        	"parentId": "330000",
        	"level": "2"
        }, {
        	"id": "330200",
        	"name": "宁波市",
        	"shortName": "宁波",
        	"parentId": "330000",
        	"level": "2"
        }, {
        	"id": "330300",
        	"name": "温州市",
        	"shortName": "温州",
        	"parentId": "330000",
        	"level": "2"
        }, {
        	"id": "330400",
        	"name": "嘉兴市",
        	"shortName": "嘉兴",
        	"parentId": "330000",
        	"level": "2"
        }, {
        	"id": "330500",
        	"name": "湖州市",
        	"shortName": "湖州",
        	"parentId": "330000",
        	"level": "2"
        }, {
        	"id": "330600",
        	"name": "绍兴市",
        	"shortName": "绍兴",
        	"parentId": "330000",
        	"level": "2"
        }, {
        	"id": "330700",
        	"name": "金华市",
        	"shortName": "金华",
        	"parentId": "330000",
        	"level": "2"
        }, {
        	"id": "330800",
        	"name": "衢州市",
        	"shortName": "衢州",
        	"parentId": "330000",
        	"level": "2"
        }, {
        	"id": "330900",
        	"name": "舟山市",
        	"shortName": "舟山",
        	"parentId": "330000",
        	"level": "2"
        }, {
        	"id": "331000",
        	"name": "台州市",
        	"shortName": "台州",
        	"parentId": "330000",
        	"level": "2"
        }, {
        	"id": "331100",
        	"name": "丽水市",
        	"shortName": "丽水",
        	"parentId": "330000",
        	"level": "2"
        }, {
        	"id": "331200",
        	"name": "舟山群岛新区",
        	"shortName": "舟山新区",
        	"parentId": "330000",
        	"level": "2"
        }, {
        	"id": "340000",
        	"name": "安徽省",
        	"shortName": "安徽",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "340100",
        	"name": "合肥市",
        	"shortName": "合肥",
        	"parentId": "340000",
        	"level": "2"
        }, {
        	"id": "340200",
        	"name": "芜湖市",
        	"shortName": "芜湖",
        	"parentId": "340000",
        	"level": "2"
        }, {
        	"id": "340300",
        	"name": "蚌埠市",
        	"shortName": "蚌埠",
        	"parentId": "340000",
        	"level": "2"
        }, {
        	"id": "340400",
        	"name": "淮南市",
        	"shortName": "淮南",
        	"parentId": "340000",
        	"level": "2"
        }, {
        	"id": "340500",
        	"name": "马鞍山市",
        	"shortName": "马鞍山",
        	"parentId": "340000",
        	"level": "2"
        }, {
        	"id": "340600",
        	"name": "淮北市",
        	"shortName": "淮北",
        	"parentId": "340000",
        	"level": "2"
        }, {
        	"id": "340700",
        	"name": "铜陵市",
        	"shortName": "铜陵",
        	"parentId": "340000",
        	"level": "2"
        }, {
        	"id": "340800",
        	"name": "安庆市",
        	"shortName": "安庆",
        	"parentId": "340000",
        	"level": "2"
        }, {
        	"id": "341000",
        	"name": "黄山市",
        	"shortName": "黄山",
        	"parentId": "340000",
        	"level": "2"
        }, {
        	"id": "341100",
        	"name": "滁州市",
        	"shortName": "滁州",
        	"parentId": "340000",
        	"level": "2"
        }, {
        	"id": "341200",
        	"name": "阜阳市",
        	"shortName": "阜阳",
        	"parentId": "340000",
        	"level": "2"
        }, {
        	"id": "341300",
        	"name": "宿州市",
        	"shortName": "宿州",
        	"parentId": "340000",
        	"level": "2"
        }, {
        	"id": "341500",
        	"name": "六安市",
        	"shortName": "六安",
        	"parentId": "340000",
        	"level": "2"
        }, {
        	"id": "341600",
        	"name": "亳州市",
        	"shortName": "亳州",
        	"parentId": "340000",
        	"level": "2"
        }, {
        	"id": "341700",
        	"name": "池州市",
        	"shortName": "池州",
        	"parentId": "340000",
        	"level": "2"
        }, {
        	"id": "341800",
        	"name": "宣城市",
        	"shortName": "宣城",
        	"parentId": "340000",
        	"level": "2"
        }, {
        	"id": "350000",
        	"name": "福建省",
        	"shortName": "福建",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "350100",
        	"name": "福州市",
        	"shortName": "福州",
        	"parentId": "350000",
        	"level": "2"
        }, {
        	"id": "350200",
        	"name": "厦门市",
        	"shortName": "厦门",
        	"parentId": "350000",
        	"level": "2"
        }, {
        	"id": "350300",
        	"name": "莆田市",
        	"shortName": "莆田",
        	"parentId": "350000",
        	"level": "2"
        }, {
        	"id": "350400",
        	"name": "三明市",
        	"shortName": "三明",
        	"parentId": "350000",
        	"level": "2"
        }, {
        	"id": "350500",
        	"name": "泉州市",
        	"shortName": "泉州",
        	"parentId": "350000",
        	"level": "2"
        }, {
        	"id": "350600",
        	"name": "漳州市",
        	"shortName": "漳州",
        	"parentId": "350000",
        	"level": "2"
        }, {
        	"id": "350700",
        	"name": "南平市",
        	"shortName": "南平",
        	"parentId": "350000",
        	"level": "2"
        }, {
        	"id": "350800",
        	"name": "龙岩市",
        	"shortName": "龙岩",
        	"parentId": "350000",
        	"level": "2"
        }, {
        	"id": "350900",
        	"name": "宁德市",
        	"shortName": "宁德",
        	"parentId": "350000",
        	"level": "2"
        }, {
        	"id": "360000",
        	"name": "江西省",
        	"shortName": "江西",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "360100",
        	"name": "南昌市",
        	"shortName": "南昌",
        	"parentId": "360000",
        	"level": "2"
        }, {
        	"id": "360200",
        	"name": "景德镇市",
        	"shortName": "景德镇",
        	"parentId": "360000",
        	"level": "2"
        }, {
        	"id": "360300",
        	"name": "萍乡市",
        	"shortName": "萍乡",
        	"parentId": "360000",
        	"level": "2"
        }, {
        	"id": "360400",
        	"name": "九江市",
        	"shortName": "九江",
        	"parentId": "360000",
        	"level": "2"
        }, {
        	"id": "360500",
        	"name": "新余市",
        	"shortName": "新余",
        	"parentId": "360000",
        	"level": "2"
        }, {
        	"id": "360600",
        	"name": "鹰潭市",
        	"shortName": "鹰潭",
        	"parentId": "360000",
        	"level": "2"
        }, {
        	"id": "360700",
        	"name": "赣州市",
        	"shortName": "赣州",
        	"parentId": "360000",
        	"level": "2"
        }, {
        	"id": "360800",
        	"name": "吉安市",
        	"shortName": "吉安",
        	"parentId": "360000",
        	"level": "2"
        }, {
        	"id": "360900",
        	"name": "宜春市",
        	"shortName": "宜春",
        	"parentId": "360000",
        	"level": "2"
        }, {
        	"id": "361000",
        	"name": "抚州市",
        	"shortName": "抚州",
        	"parentId": "360000",
        	"level": "2"
        }, {
        	"id": "361100",
        	"name": "上饶市",
        	"shortName": "上饶",
        	"parentId": "360000",
        	"level": "2"
        }, {
        	"id": "370000",
        	"name": "山东省",
        	"shortName": "山东",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "370100",
        	"name": "济南市",
        	"shortName": "济南",
        	"parentId": "370000",
        	"level": "2"
        }, {
        	"id": "370200",
        	"name": "青岛市",
        	"shortName": "青岛",
        	"parentId": "370000",
        	"level": "2"
        }, {
        	"id": "370300",
        	"name": "淄博市",
        	"shortName": "淄博",
        	"parentId": "370000",
        	"level": "2"
        }, {
        	"id": "370400",
        	"name": "枣庄市",
        	"shortName": "枣庄",
        	"parentId": "370000",
        	"level": "2"
        }, {
        	"id": "370500",
        	"name": "东营市",
        	"shortName": "东营",
        	"parentId": "370000",
        	"level": "2"
        }, {
        	"id": "370600",
        	"name": "烟台市",
        	"shortName": "烟台",
        	"parentId": "370000",
        	"level": "2"
        }, {
        	"id": "370700",
        	"name": "潍坊市",
        	"shortName": "潍坊",
        	"parentId": "370000",
        	"level": "2"
        }, {
        	"id": "370800",
        	"name": "济宁市",
        	"shortName": "济宁",
        	"parentId": "370000",
        	"level": "2"
        }, {
        	"id": "370900",
        	"name": "泰安市",
        	"shortName": "泰安",
        	"parentId": "370000",
        	"level": "2"
        }, {
        	"id": "371000",
        	"name": "威海市",
        	"shortName": "威海",
        	"parentId": "370000",
        	"level": "2"
        }, {
        	"id": "371100",
        	"name": "日照市",
        	"shortName": "日照",
        	"parentId": "370000",
        	"level": "2"
        }, {
        	"id": "371200",
        	"name": "莱芜市",
        	"shortName": "莱芜",
        	"parentId": "370000",
        	"level": "2"
        }, {
        	"id": "371300",
        	"name": "临沂市",
        	"shortName": "临沂",
        	"parentId": "370000",
        	"level": "2"
        }, {
        	"id": "371400",
        	"name": "德州市",
        	"shortName": "德州",
        	"parentId": "370000",
        	"level": "2"
        }, {
        	"id": "371500",
        	"name": "聊城市",
        	"shortName": "聊城",
        	"parentId": "370000",
        	"level": "2"
        }, {
        	"id": "371600",
        	"name": "滨州市",
        	"shortName": "滨州",
        	"parentId": "370000",
        	"level": "2"
        }, {
        	"id": "371700",
        	"name": "菏泽市",
        	"shortName": "菏泽",
        	"parentId": "370000",
        	"level": "2"
        }, {
        	"id": "410000",
        	"name": "河南省",
        	"shortName": "河南",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "410100",
        	"name": "郑州市",
        	"shortName": "郑州",
        	"parentId": "410000",
        	"level": "2"
        }, {
        	"id": "410200",
        	"name": "开封市",
        	"shortName": "开封",
        	"parentId": "410000",
        	"level": "2"
        }, {
        	"id": "410300",
        	"name": "洛阳市",
        	"shortName": "洛阳",
        	"parentId": "410000",
        	"level": "2"
        }, {
        	"id": "410400",
        	"name": "平顶山市",
        	"shortName": "平顶山",
        	"parentId": "410000",
        	"level": "2"
        }, {
        	"id": "410500",
        	"name": "安阳市",
        	"shortName": "安阳",
        	"parentId": "410000",
        	"level": "2"
        }, {
        	"id": "410600",
        	"name": "鹤壁市",
        	"shortName": "鹤壁",
        	"parentId": "410000",
        	"level": "2"
        }, {
        	"id": "410700",
        	"name": "新乡市",
        	"shortName": "新乡",
        	"parentId": "410000",
        	"level": "2"
        }, {
        	"id": "410800",
        	"name": "焦作市",
        	"shortName": "焦作",
        	"parentId": "410000",
        	"level": "2"
        }, {
        	"id": "410900",
        	"name": "濮阳市",
        	"shortName": "濮阳",
        	"parentId": "410000",
        	"level": "2"
        }, {
        	"id": "411000",
        	"name": "许昌市",
        	"shortName": "许昌",
        	"parentId": "410000",
        	"level": "2"
        }, {
        	"id": "411100",
        	"name": "漯河市",
        	"shortName": "漯河",
        	"parentId": "410000",
        	"level": "2"
        }, {
        	"id": "411200",
        	"name": "三门峡市",
        	"shortName": "三门峡",
        	"parentId": "410000",
        	"level": "2"
        }, {
        	"id": "411300",
        	"name": "南阳市",
        	"shortName": "南阳",
        	"parentId": "410000",
        	"level": "2"
        }, {
        	"id": "411400",
        	"name": "商丘市",
        	"shortName": "商丘",
        	"parentId": "410000",
        	"level": "2"
        }, {
        	"id": "411500",
        	"name": "信阳市",
        	"shortName": "信阳",
        	"parentId": "410000",
        	"level": "2"
        }, {
        	"id": "411600",
        	"name": "周口市",
        	"shortName": "周口",
        	"parentId": "410000",
        	"level": "2"
        }, {
        	"id": "411700",
        	"name": "驻马店市",
        	"shortName": "驻马店",
        	"parentId": "410000",
        	"level": "2"
        }, {
        	"id": "419000",
        	"name": "直辖县级",
        	"shortName": "直辖县",
        	"parentId": "410000",
        	"level": "2"
        }, {
        	"id": "420000",
        	"name": "湖北省",
        	"shortName": "湖北",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "420100",
        	"name": "武汉市",
        	"shortName": "武汉",
        	"parentId": "420000",
        	"level": "2"
        }, {
        	"id": "420200",
        	"name": "黄石市",
        	"shortName": "黄石",
        	"parentId": "420000",
        	"level": "2"
        }, {
        	"id": "420300",
        	"name": "十堰市",
        	"shortName": "十堰",
        	"parentId": "420000",
        	"level": "2"
        }, {
        	"id": "420500",
        	"name": "宜昌市",
        	"shortName": "宜昌",
        	"parentId": "420000",
        	"level": "2"
        }, {
        	"id": "420600",
        	"name": "襄阳市",
        	"shortName": "襄阳",
        	"parentId": "420000",
        	"level": "2"
        }, {
        	"id": "420700",
        	"name": "鄂州市",
        	"shortName": "鄂州",
        	"parentId": "420000",
        	"level": "2"
        }, {
        	"id": "420800",
        	"name": "荆门市",
        	"shortName": "荆门",
        	"parentId": "420000",
        	"level": "2"
        }, {
        	"id": "420900",
        	"name": "孝感市",
        	"shortName": "孝感",
        	"parentId": "420000",
        	"level": "2"
        }, {
        	"id": "421000",
        	"name": "荆州市",
        	"shortName": "荆州",
        	"parentId": "420000",
        	"level": "2"
        }, {
        	"id": "421100",
        	"name": "黄冈市",
        	"shortName": "黄冈",
        	"parentId": "420000",
        	"level": "2"
        }, {
        	"id": "421200",
        	"name": "咸宁市",
        	"shortName": "咸宁",
        	"parentId": "420000",
        	"level": "2"
        }, {
        	"id": "421300",
        	"name": "随州市",
        	"shortName": "随州",
        	"parentId": "420000",
        	"level": "2"
        }, {
        	"id": "422800",
        	"name": "恩施土家族苗族自治州",
        	"shortName": "恩施",
        	"parentId": "420000",
        	"level": "2"
        }, {
        	"id": "429000",
        	"name": "直辖县级",
        	"shortName": "直辖县",
        	"parentId": "420000",
        	"level": "2"
        }, {
        	"id": "430000",
        	"name": "湖南省",
        	"shortName": "湖南",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "430100",
        	"name": "长沙市",
        	"shortName": "长沙",
        	"parentId": "430000",
        	"level": "2"
        }, {
        	"id": "430200",
        	"name": "株洲市",
        	"shortName": "株洲",
        	"parentId": "430000",
        	"level": "2"
        }, {
        	"id": "430300",
        	"name": "湘潭市",
        	"shortName": "湘潭",
        	"parentId": "430000",
        	"level": "2"
        }, {
        	"id": "430400",
        	"name": "衡阳市",
        	"shortName": "衡阳",
        	"parentId": "430000",
        	"level": "2"
        }, {
        	"id": "430500",
        	"name": "邵阳市",
        	"shortName": "邵阳",
        	"parentId": "430000",
        	"level": "2"
        }, {
        	"id": "430600",
        	"name": "岳阳市",
        	"shortName": "岳阳",
        	"parentId": "430000",
        	"level": "2"
        }, {
        	"id": "430700",
        	"name": "常德市",
        	"shortName": "常德",
        	"parentId": "430000",
        	"level": "2"
        }, {
        	"id": "430800",
        	"name": "张家界市",
        	"shortName": "张家界",
        	"parentId": "430000",
        	"level": "2"
        }, {
        	"id": "430900",
        	"name": "益阳市",
        	"shortName": "益阳",
        	"parentId": "430000",
        	"level": "2"
        }, {
        	"id": "431000",
        	"name": "郴州市",
        	"shortName": "郴州",
        	"parentId": "430000",
        	"level": "2"
        }, {
        	"id": "431100",
        	"name": "永州市",
        	"shortName": "永州",
        	"parentId": "430000",
        	"level": "2"
        }, {
        	"id": "431200",
        	"name": "怀化市",
        	"shortName": "怀化",
        	"parentId": "430000",
        	"level": "2"
        }, {
        	"id": "431300",
        	"name": "娄底市",
        	"shortName": "娄底",
        	"parentId": "430000",
        	"level": "2"
        }, {
        	"id": "433100",
        	"name": "湘西土家族苗族自治州",
        	"shortName": "湘西",
        	"parentId": "430000",
        	"level": "2"
        }, {
        	"id": "440000",
        	"name": "广东省",
        	"shortName": "广东",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "440100",
        	"name": "广州市",
        	"shortName": "广州",
        	"parentId": "440000",
        	"level": "2"
        }, {
        	"id": "440200",
        	"name": "韶关市",
        	"shortName": "韶关",
        	"parentId": "440000",
        	"level": "2"
        }, {
        	"id": "440300",
        	"name": "深圳市",
        	"shortName": "深圳",
        	"parentId": "440000",
        	"level": "2"
        }, {
        	"id": "440400",
        	"name": "珠海市",
        	"shortName": "珠海",
        	"parentId": "440000",
        	"level": "2"
        }, {
        	"id": "440500",
        	"name": "汕头市",
        	"shortName": "汕头",
        	"parentId": "440000",
        	"level": "2"
        }, {
        	"id": "440600",
        	"name": "佛山市",
        	"shortName": "佛山",
        	"parentId": "440000",
        	"level": "2"
        }, {
        	"id": "440700",
        	"name": "江门市",
        	"shortName": "江门",
        	"parentId": "440000",
        	"level": "2"
        }, {
        	"id": "440800",
        	"name": "湛江市",
        	"shortName": "湛江",
        	"parentId": "440000",
        	"level": "2"
        }, {
        	"id": "440900",
        	"name": "茂名市",
        	"shortName": "茂名",
        	"parentId": "440000",
        	"level": "2"
        }, {
        	"id": "441200",
        	"name": "肇庆市",
        	"shortName": "肇庆",
        	"parentId": "440000",
        	"level": "2"
        }, {
        	"id": "441300",
        	"name": "惠州市",
        	"shortName": "惠州",
        	"parentId": "440000",
        	"level": "2"
        }, {
        	"id": "441400",
        	"name": "梅州市",
        	"shortName": "梅州",
        	"parentId": "440000",
        	"level": "2"
        }, {
        	"id": "441500",
        	"name": "汕尾市",
        	"shortName": "汕尾",
        	"parentId": "440000",
        	"level": "2"
        }, {
        	"id": "441600",
        	"name": "河源市",
        	"shortName": "河源",
        	"parentId": "440000",
        	"level": "2"
        }, {
        	"id": "441700",
        	"name": "阳江市",
        	"shortName": "阳江",
        	"parentId": "440000",
        	"level": "2"
        }, {
        	"id": "441800",
        	"name": "清远市",
        	"shortName": "清远",
        	"parentId": "440000",
        	"level": "2"
        }, {
        	"id": "441900",
        	"name": "东莞市",
        	"shortName": "东莞",
        	"parentId": "440000",
        	"level": "2"
        }, {
        	"id": "442000",
        	"name": "中山市",
        	"shortName": "中山",
        	"parentId": "440000",
        	"level": "2"
        }, {
        	"id": "445100",
        	"name": "潮州市",
        	"shortName": "潮州",
        	"parentId": "440000",
        	"level": "2"
        }, {
        	"id": "445200",
        	"name": "揭阳市",
        	"shortName": "揭阳",
        	"parentId": "440000",
        	"level": "2"
        }, {
        	"id": "445300",
        	"name": "云浮市",
        	"shortName": "云浮",
        	"parentId": "440000",
        	"level": "2"
        }, {
        	"id": "450000",
        	"name": "广西壮族自治区",
        	"shortName": "广西",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "450100",
        	"name": "南宁市",
        	"shortName": "南宁",
        	"parentId": "450000",
        	"level": "2"
        }, {
        	"id": "450200",
        	"name": "柳州市",
        	"shortName": "柳州",
        	"parentId": "450000",
        	"level": "2"
        }, {
        	"id": "450300",
        	"name": "桂林市",
        	"shortName": "桂林",
        	"parentId": "450000",
        	"level": "2"
        }, {
        	"id": "450400",
        	"name": "梧州市",
        	"shortName": "梧州",
        	"parentId": "450000",
        	"level": "2"
        }, {
        	"id": "450500",
        	"name": "北海市",
        	"shortName": "北海",
        	"parentId": "450000",
        	"level": "2"
        }, {
        	"id": "450600",
        	"name": "防城港市",
        	"shortName": "防城港",
        	"parentId": "450000",
        	"level": "2"
        }, {
        	"id": "450700",
        	"name": "钦州市",
        	"shortName": "钦州",
        	"parentId": "450000",
        	"level": "2"
        }, {
        	"id": "450800",
        	"name": "贵港市",
        	"shortName": "贵港",
        	"parentId": "450000",
        	"level": "2"
        }, {
        	"id": "450900",
        	"name": "玉林市",
        	"shortName": "玉林",
        	"parentId": "450000",
        	"level": "2"
        }, {
        	"id": "451000",
        	"name": "百色市",
        	"shortName": "百色",
        	"parentId": "450000",
        	"level": "2"
        }, {
        	"id": "451100",
        	"name": "贺州市",
        	"shortName": "贺州",
        	"parentId": "450000",
        	"level": "2"
        }, {
        	"id": "451200",
        	"name": "河池市",
        	"shortName": "河池",
        	"parentId": "450000",
        	"level": "2"
        }, {
        	"id": "451300",
        	"name": "来宾市",
        	"shortName": "来宾",
        	"parentId": "450000",
        	"level": "2"
        }, {
        	"id": "451400",
        	"name": "崇左市",
        	"shortName": "崇左",
        	"parentId": "450000",
        	"level": "2"
        }, {
        	"id": "460000",
        	"name": "海南省",
        	"shortName": "海南",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "460100",
        	"name": "海口市",
        	"shortName": "海口",
        	"parentId": "460000",
        	"level": "2"
        }, {
        	"id": "460200",
        	"name": "三亚市",
        	"shortName": "三亚",
        	"parentId": "460000",
        	"level": "2"
        }, {
        	"id": "460300",
        	"name": "三沙市",
        	"shortName": "三沙",
        	"parentId": "460000",
        	"level": "2"
        }, {
        	"id": "469000",
        	"name": "直辖县级",
        	"shortName": "直辖县",
        	"parentId": "460000",
        	"level": "2"
        }, {
        	"id": "500000",
        	"name": "重庆市",
        	"shortName": "重庆",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "500100",
        	"name": "重庆市",
        	"shortName": "重庆",
        	"parentId": "500000",
        	"level": "2"
        }, {
        	"id": "500300",
        	"name": "两江新区",
        	"shortName": "两江新区",
        	"parentId": "500000",
        	"level": "2"
        }, {
        	"id": "510000",
        	"name": "四川省",
        	"shortName": "四川",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "510100",
        	"name": "成都市",
        	"shortName": "成都",
        	"parentId": "510000",
        	"level": "2"
        }, {
        	"id": "510300",
        	"name": "自贡市",
        	"shortName": "自贡",
        	"parentId": "510000",
        	"level": "2"
        }, {
        	"id": "510400",
        	"name": "攀枝花市",
        	"shortName": "攀枝花",
        	"parentId": "510000",
        	"level": "2"
        }, {
        	"id": "510500",
        	"name": "泸州市",
        	"shortName": "泸州",
        	"parentId": "510000",
        	"level": "2"
        }, {
        	"id": "510600",
        	"name": "德阳市",
        	"shortName": "德阳",
        	"parentId": "510000",
        	"level": "2"
        }, {
        	"id": "510700",
        	"name": "绵阳市",
        	"shortName": "绵阳",
        	"parentId": "510000",
        	"level": "2"
        }, {
        	"id": "510800",
        	"name": "广元市",
        	"shortName": "广元",
        	"parentId": "510000",
        	"level": "2"
        }, {
        	"id": "510900",
        	"name": "遂宁市",
        	"shortName": "遂宁",
        	"parentId": "510000",
        	"level": "2"
        }, {
        	"id": "511000",
        	"name": "内江市",
        	"shortName": "内江",
        	"parentId": "510000",
        	"level": "2"
        }, {
        	"id": "511100",
        	"name": "乐山市",
        	"shortName": "乐山",
        	"parentId": "510000",
        	"level": "2"
        }, {
        	"id": "511300",
        	"name": "南充市",
        	"shortName": "南充",
        	"parentId": "510000",
        	"level": "2"
        }, {
        	"id": "511400",
        	"name": "眉山市",
        	"shortName": "眉山",
        	"parentId": "510000",
        	"level": "2"
        }, {
        	"id": "511500",
        	"name": "宜宾市",
        	"shortName": "宜宾",
        	"parentId": "510000",
        	"level": "2"
        }, {
        	"id": "511600",
        	"name": "广安市",
        	"shortName": "广安",
        	"parentId": "510000",
        	"level": "2"
        }, {
        	"id": "511700",
        	"name": "达州市",
        	"shortName": "达州",
        	"parentId": "510000",
        	"level": "2"
        }, {
        	"id": "511800",
        	"name": "雅安市",
        	"shortName": "雅安",
        	"parentId": "510000",
        	"level": "2"
        }, {
        	"id": "511900",
        	"name": "巴中市",
        	"shortName": "巴中",
        	"parentId": "510000",
        	"level": "2"
        }, {
        	"id": "512000",
        	"name": "资阳市",
        	"shortName": "资阳",
        	"parentId": "510000",
        	"level": "2"
        }, {
        	"id": "513200",
        	"name": "阿坝藏族羌族自治州",
        	"shortName": "阿坝",
        	"parentId": "510000",
        	"level": "2"
        }, {
        	"id": "513300",
        	"name": "甘孜藏族自治州",
        	"shortName": "甘孜",
        	"parentId": "510000",
        	"level": "2"
        }, {
        	"id": "513400",
        	"name": "凉山彝族自治州",
        	"shortName": "凉山",
        	"parentId": "510000",
        	"level": "2"
        }, {
        	"id": "520000",
        	"name": "贵州省",
        	"shortName": "贵州",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "520100",
        	"name": "贵阳市",
        	"shortName": "贵阳",
        	"parentId": "520000",
        	"level": "2"
        }, {
        	"id": "520200",
        	"name": "六盘水市",
        	"shortName": "六盘水",
        	"parentId": "520000",
        	"level": "2"
        }, {
        	"id": "520300",
        	"name": "遵义市",
        	"shortName": "遵义",
        	"parentId": "520000",
        	"level": "2"
        }, {
        	"id": "520400",
        	"name": "安顺市",
        	"shortName": "安顺",
        	"parentId": "520000",
        	"level": "2"
        }, {
        	"id": "520500",
        	"name": "毕节市",
        	"shortName": "毕节",
        	"parentId": "520000",
        	"level": "2"
        }, {
        	"id": "520600",
        	"name": "铜仁市",
        	"shortName": "铜仁",
        	"parentId": "520000",
        	"level": "2"
        }, {
        	"id": "522300",
        	"name": "黔西南布依族苗族自治州",
        	"shortName": "黔西南",
        	"parentId": "520000",
        	"level": "2"
        }, {
        	"id": "522600",
        	"name": "黔东南苗族侗族自治州",
        	"shortName": "黔东南",
        	"parentId": "520000",
        	"level": "2"
        }, {
        	"id": "522700",
        	"name": "黔南布依族苗族自治州",
        	"shortName": "黔南",
        	"parentId": "520000",
        	"level": "2"
        }, {
        	"id": "530000",
        	"name": "云南省",
        	"shortName": "云南",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "530100",
        	"name": "昆明市",
        	"shortName": "昆明",
        	"parentId": "530000",
        	"level": "2"
        }, {
        	"id": "530300",
        	"name": "曲靖市",
        	"shortName": "曲靖",
        	"parentId": "530000",
        	"level": "2"
        }, {
        	"id": "530400",
        	"name": "玉溪市",
        	"shortName": "玉溪",
        	"parentId": "530000",
        	"level": "2"
        }, {
        	"id": "530500",
        	"name": "保山市",
        	"shortName": "保山",
        	"parentId": "530000",
        	"level": "2"
        }, {
        	"id": "530600",
        	"name": "昭通市",
        	"shortName": "昭通",
        	"parentId": "530000",
        	"level": "2"
        }, {
        	"id": "530700",
        	"name": "丽江市",
        	"shortName": "丽江",
        	"parentId": "530000",
        	"level": "2"
        }, {
        	"id": "530800",
        	"name": "普洱市",
        	"shortName": "普洱",
        	"parentId": "530000",
        	"level": "2"
        }, {
        	"id": "530900",
        	"name": "临沧市",
        	"shortName": "临沧",
        	"parentId": "530000",
        	"level": "2"
        }, {
        	"id": "532300",
        	"name": "楚雄彝族自治州",
        	"shortName": "楚雄",
        	"parentId": "530000",
        	"level": "2"
        }, {
        	"id": "532500",
        	"name": "红河哈尼族彝族自治州",
        	"shortName": "红河",
        	"parentId": "530000",
        	"level": "2"
        }, {
        	"id": "532600",
        	"name": "文山壮族苗族自治州",
        	"shortName": "文山",
        	"parentId": "530000",
        	"level": "2"
        }, {
        	"id": "532800",
        	"name": "西双版纳傣族自治州",
        	"shortName": "西双版纳",
        	"parentId": "530000",
        	"level": "2"
        }, {
        	"id": "532900",
        	"name": "大理白族自治州",
        	"shortName": "大理",
        	"parentId": "530000",
        	"level": "2"
        }, {
        	"id": "533100",
        	"name": "德宏傣族景颇族自治州",
        	"shortName": "德宏",
        	"parentId": "530000",
        	"level": "2"
        }, {
        	"id": "533300",
        	"name": "怒江傈僳族自治州",
        	"shortName": "怒江",
        	"parentId": "530000",
        	"level": "2"
        }, {
        	"id": "533400",
        	"name": "迪庆藏族自治州",
        	"shortName": "迪庆",
        	"parentId": "530000",
        	"level": "2"
        }, {
        	"id": "540000",
        	"name": "西藏自治区",
        	"shortName": "西藏",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "540100",
        	"name": "拉萨市",
        	"shortName": "拉萨",
        	"parentId": "540000",
        	"level": "2"
        }, {
        	"id": "540200",
        	"name": "日喀则市",
        	"shortName": "日喀则",
        	"parentId": "540000",
        	"level": "2"
        }, {
        	"id": "540300",
        	"name": "昌都市",
        	"shortName": "昌都",
        	"parentId": "540000",
        	"level": "2"
        }, {
        	"id": "542200",
        	"name": "山南地区",
        	"shortName": "山南",
        	"parentId": "540000",
        	"level": "2"
        }, {
        	"id": "542400",
        	"name": "那曲地区",
        	"shortName": "那曲",
        	"parentId": "540000",
        	"level": "2"
        }, {
        	"id": "542500",
        	"name": "阿里地区",
        	"shortName": "阿里",
        	"parentId": "540000",
        	"level": "2"
        }, {
        	"id": "542600",
        	"name": "林芝地区",
        	"shortName": "林芝",
        	"parentId": "540000",
        	"level": "2"
        }, {
        	"id": "610000",
        	"name": "陕西省",
        	"shortName": "陕西",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "610100",
        	"name": "西安市",
        	"shortName": "西安",
        	"parentId": "610000",
        	"level": "2"
        }, {
        	"id": "610200",
        	"name": "铜川市",
        	"shortName": "铜川",
        	"parentId": "610000",
        	"level": "2"
        }, {
        	"id": "610300",
        	"name": "宝鸡市",
        	"shortName": "宝鸡",
        	"parentId": "610000",
        	"level": "2"
        }, {
        	"id": "610400",
        	"name": "咸阳市",
        	"shortName": "咸阳",
        	"parentId": "610000",
        	"level": "2"
        }, {
        	"id": "610500",
        	"name": "渭南市",
        	"shortName": "渭南",
        	"parentId": "610000",
        	"level": "2"
        }, {
        	"id": "610600",
        	"name": "延安市",
        	"shortName": "延安",
        	"parentId": "610000",
        	"level": "2"
        }, {
        	"id": "610700",
        	"name": "汉中市",
        	"shortName": "汉中",
        	"parentId": "610000",
        	"level": "2"
        }, {
        	"id": "610800",
        	"name": "榆林市",
        	"shortName": "榆林",
        	"parentId": "610000",
        	"level": "2"
        }, {
        	"id": "610900",
        	"name": "安康市",
        	"shortName": "安康",
        	"parentId": "610000",
        	"level": "2"
        }, {
        	"id": "611000",
        	"name": "商洛市",
        	"shortName": "商洛",
        	"parentId": "610000",
        	"level": "2"
        }, {
        	"id": "611100",
        	"name": "西咸新区",
        	"shortName": "西咸",
        	"parentId": "610000",
        	"level": "2"
        }, {
        	"id": "620000",
        	"name": "甘肃省",
        	"shortName": "甘肃",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "620100",
        	"name": "兰州市",
        	"shortName": "兰州",
        	"parentId": "620000",
        	"level": "2"
        }, {
        	"id": "620200",
        	"name": "嘉峪关市",
        	"shortName": "嘉峪关",
        	"parentId": "620000",
        	"level": "2"
        }, {
        	"id": "620300",
        	"name": "金昌市",
        	"shortName": "金昌",
        	"parentId": "620000",
        	"level": "2"
        }, {
        	"id": "620400",
        	"name": "白银市",
        	"shortName": "白银",
        	"parentId": "620000",
        	"level": "2"
        }, {
        	"id": "620500",
        	"name": "天水市",
        	"shortName": "天水",
        	"parentId": "620000",
        	"level": "2"
        }, {
        	"id": "620600",
        	"name": "武威市",
        	"shortName": "武威",
        	"parentId": "620000",
        	"level": "2"
        }, {
        	"id": "620700",
        	"name": "张掖市",
        	"shortName": "张掖",
        	"parentId": "620000",
        	"level": "2"
        }, {
        	"id": "620800",
        	"name": "平凉市",
        	"shortName": "平凉",
        	"parentId": "620000",
        	"level": "2"
        }, {
        	"id": "620900",
        	"name": "酒泉市",
        	"shortName": "酒泉",
        	"parentId": "620000",
        	"level": "2"
        }, {
        	"id": "621000",
        	"name": "庆阳市",
        	"shortName": "庆阳",
        	"parentId": "620000",
        	"level": "2"
        }, {
        	"id": "621100",
        	"name": "定西市",
        	"shortName": "定西",
        	"parentId": "620000",
        	"level": "2"
        }, {
        	"id": "621200",
        	"name": "陇南市",
        	"shortName": "陇南",
        	"parentId": "620000",
        	"level": "2"
        }, {
        	"id": "622900",
        	"name": "临夏回族自治州",
        	"shortName": "临夏",
        	"parentId": "620000",
        	"level": "2"
        }, {
        	"id": "623000",
        	"name": "甘南藏族自治州",
        	"shortName": "甘南",
        	"parentId": "620000",
        	"level": "2"
        }, {
        	"id": "630000",
        	"name": "青海省",
        	"shortName": "青海",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "630100",
        	"name": "西宁市",
        	"shortName": "西宁",
        	"parentId": "630000",
        	"level": "2"
        }, {
        	"id": "630200",
        	"name": "海东市",
        	"shortName": "海东",
        	"parentId": "630000",
        	"level": "2"
        }, {
        	"id": "632200",
        	"name": "海北藏族自治州",
        	"shortName": "海北",
        	"parentId": "630000",
        	"level": "2"
        }, {
        	"id": "632300",
        	"name": "黄南藏族自治州",
        	"shortName": "黄南",
        	"parentId": "630000",
        	"level": "2"
        }, {
        	"id": "632500",
        	"name": "海南藏族自治州",
        	"shortName": "海南",
        	"parentId": "630000",
        	"level": "2"
        }, {
        	"id": "632600",
        	"name": "果洛藏族自治州",
        	"shortName": "果洛",
        	"parentId": "630000",
        	"level": "2"
        }, {
        	"id": "632700",
        	"name": "玉树藏族自治州",
        	"shortName": "玉树",
        	"parentId": "630000",
        	"level": "2"
        }, {
        	"id": "632800",
        	"name": "海西蒙古族藏族自治州",
        	"shortName": "海西",
        	"parentId": "630000",
        	"level": "2"
        }, {
        	"id": "640000",
        	"name": "宁夏回族自治区",
        	"shortName": "宁夏",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "640100",
        	"name": "银川市",
        	"shortName": "银川",
        	"parentId": "640000",
        	"level": "2"
        }, {
        	"id": "640200",
        	"name": "石嘴山市",
        	"shortName": "石嘴山",
        	"parentId": "640000",
        	"level": "2"
        }, {
        	"id": "640300",
        	"name": "吴忠市",
        	"shortName": "吴忠",
        	"parentId": "640000",
        	"level": "2"
        }, {
        	"id": "640400",
        	"name": "固原市",
        	"shortName": "固原",
        	"parentId": "640000",
        	"level": "2"
        }, {
        	"id": "640500",
        	"name": "中卫市",
        	"shortName": "中卫",
        	"parentId": "640000",
        	"level": "2"
        }, {
        	"id": "650000",
        	"name": "新疆维吾尔自治区",
        	"shortName": "新疆",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "650100",
        	"name": "乌鲁木齐市",
        	"shortName": "乌鲁木齐",
        	"parentId": "650000",
        	"level": "2"
        }, {
        	"id": "650200",
        	"name": "克拉玛依市",
        	"shortName": "克拉玛依",
        	"parentId": "650000",
        	"level": "2"
        }, {
        	"id": "652100",
        	"name": "吐鲁番地区",
        	"shortName": "吐鲁番",
        	"parentId": "650000",
        	"level": "2"
        }, {
        	"id": "652200",
        	"name": "哈密地区",
        	"shortName": "哈密",
        	"parentId": "650000",
        	"level": "2"
        }, {
        	"id": "652300",
        	"name": "昌吉回族自治州",
        	"shortName": "昌吉",
        	"parentId": "650000",
        	"level": "2"
        }, {
        	"id": "652700",
        	"name": "博尔塔拉蒙古自治州",
        	"shortName": "博尔塔拉",
        	"parentId": "650000",
        	"level": "2"
        }, {
        	"id": "652800",
        	"name": "巴音郭楞蒙古自治州",
        	"shortName": "巴音郭楞",
        	"parentId": "650000",
        	"level": "2"
        }, {
        	"id": "652900",
        	"name": "阿克苏地区",
        	"shortName": "阿克苏",
        	"parentId": "650000",
        	"level": "2"
        }, {
        	"id": "653000",
        	"name": "克孜勒苏柯尔克孜自治州",
        	"shortName": "克孜勒苏",
        	"parentId": "650000",
        	"level": "2"
        }, {
        	"id": "653100",
        	"name": "喀什地区",
        	"shortName": "喀什",
        	"parentId": "650000",
        	"level": "2"
        }, {
        	"id": "653200",
        	"name": "和田地区",
        	"shortName": "和田",
        	"parentId": "650000",
        	"level": "2"
        }, {
        	"id": "654000",
        	"name": "伊犁哈萨克自治州",
        	"shortName": "伊犁",
        	"parentId": "650000",
        	"level": "2"
        }, {
        	"id": "654200",
        	"name": "塔城地区",
        	"shortName": "塔城",
        	"parentId": "650000",
        	"level": "2"
        }, {
        	"id": "654300",
        	"name": "阿勒泰地区",
        	"shortName": "阿勒泰",
        	"parentId": "650000",
        	"level": "2"
        }, {
        	"id": "659000",
        	"name": "直辖县级",
        	"shortName": "直辖县",
        	"parentId": "650000",
        	"level": "2"
        }, {
        	"id": "710000",
        	"name": "台湾省",
        	"shortName": "台湾",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "710100",
        	"name": "台北市",
        	"shortName": "台北",
        	"parentId": "710000",
        	"level": "2"
        }, {
        	"id": "710200",
        	"name": "高雄市",
        	"shortName": "高雄",
        	"parentId": "710000",
        	"level": "2"
        }, {
        	"id": "710300",
        	"name": "基隆市",
        	"shortName": "基隆",
        	"parentId": "710000",
        	"level": "2"
        }, {
        	"id": "710400",
        	"name": "台中市",
        	"shortName": "台中",
        	"parentId": "710000",
        	"level": "2"
        }, {
        	"id": "710500",
        	"name": "台南市",
        	"shortName": "台南",
        	"parentId": "710000",
        	"level": "2"
        }, {
        	"id": "710600",
        	"name": "新竹市",
        	"shortName": "新竹",
        	"parentId": "710000",
        	"level": "2"
        }, {
        	"id": "710700",
        	"name": "嘉义市",
        	"shortName": "嘉义",
        	"parentId": "710000",
        	"level": "2"
        }, {
        	"id": "710800",
        	"name": "新北市",
        	"shortName": "新北",
        	"parentId": "710000",
        	"level": "2"
        }, {
        	"id": "712200",
        	"name": "宜兰县",
        	"shortName": "宜兰",
        	"parentId": "710000",
        	"level": "2"
        }, {
        	"id": "712300",
        	"name": "桃园县",
        	"shortName": "桃园",
        	"parentId": "710000",
        	"level": "2"
        }, {
        	"id": "712400",
        	"name": "新竹县",
        	"shortName": "新竹",
        	"parentId": "710000",
        	"level": "2"
        }, {
        	"id": "712500",
        	"name": "苗栗县",
        	"shortName": "苗栗",
        	"parentId": "710000",
        	"level": "2"
        }, {
        	"id": "712700",
        	"name": "彰化县",
        	"shortName": "彰化",
        	"parentId": "710000",
        	"level": "2"
        }, {
        	"id": "712800",
        	"name": "南投县",
        	"shortName": "南投",
        	"parentId": "710000",
        	"level": "2"
        }, {
        	"id": "712900",
        	"name": "云林县",
        	"shortName": "云林",
        	"parentId": "710000",
        	"level": "2"
        }, {
        	"id": "713000",
        	"name": "嘉义县",
        	"shortName": "嘉义",
        	"parentId": "710000",
        	"level": "2"
        }, {
        	"id": "713300",
        	"name": "屏东县",
        	"shortName": "屏东",
        	"parentId": "710000",
        	"level": "2"
        }, {
        	"id": "713400",
        	"name": "台东县",
        	"shortName": "台东",
        	"parentId": "710000",
        	"level": "2"
        }, {
        	"id": "713500",
        	"name": "花莲县",
        	"shortName": "花莲",
        	"parentId": "710000",
        	"level": "2"
        }, {
        	"id": "713600",
        	"name": "澎湖县",
        	"shortName": "澎湖",
        	"parentId": "710000",
        	"level": "2"
        }, {
        	"id": "713700",
        	"name": "金门县",
        	"shortName": "金门",
        	"parentId": "710000",
        	"level": "2"
        }, {
        	"id": "713800",
        	"name": "连江县",
        	"shortName": "连江",
        	"parentId": "710000",
        	"level": "2"
        }, {
        	"id": "810000",
        	"name": "香港特别行政区",
        	"shortName": "香港",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "810100",
        	"name": "香港岛",
        	"shortName": "香港岛",
        	"parentId": "810000",
        	"level": "2"
        }, {
        	"id": "810200",
        	"name": "九龙",
        	"shortName": "九龙",
        	"parentId": "810000",
        	"level": "2"
        }, {
        	"id": "810300",
        	"name": "新界",
        	"shortName": "新界",
        	"parentId": "810000",
        	"level": "2"
        }, {
        	"id": "820000",
        	"name": "澳门特别行政区",
        	"shortName": "澳门",
        	"parentId": "100000",
        	"level": "1"
        }, {
        	"id": "820100",
        	"name": "澳门半岛",
        	"shortName": "澳门半岛",
        	"parentId": "820000",
        	"level": "2"
        }, {
        	"id": "820200",
        	"name": "氹仔岛",
        	"shortName": "氹仔岛",
        	"parentId": "820000",
        	"level": "2"
        }, {
        	"id": "820300",
        	"name": "路环岛",
        	"shortName": "路环岛",
        	"parentId": "820000",
        	"level": "2"
        }];
        //借用上展的json转换器
        ;
        (function() {
        	var data = [],
        		data2 = [];
        	cityData = JSON.stringify(cityData).replace(/\"id\":/g, "\"value\":");
        	cityData = JSON.parse(cityData);
        	for (var i = 0, length = cityData.length; i < length; i++) {
        		if (cityData[i].parentId !== '100000') {
        			data2.push(cityData[i]);
        		} else {
        			data.push(cityData[i]);
        		}
        	};
        	$.each(data, function(index, val) {
        		var parentId = val.value;
        		var _val = val;
        		_val.child = [];
        		$.each(data2, function(index, val) {
        			if (val.parentId === parentId) {
        				_val.child.push(val);
        			};
        		});
        	});
        	window.dataJson = data;
        })();
    
    
        function __dealCssEvent(eventNameArr, callback) {
        	var events = eventNameArr,
        		i, dom = this; // jshint ignore:line
    
        	function fireCallBack(e) {
        		/*jshint validthis:true */
        		if (e.target !== this) return;
        		callback.call(this, e);
        		for (i = 0; i < events.length; i++) {
        			dom.off(events[i], fireCallBack);
        		}
        	}
        	if (callback) {
        		for (i = 0; i < events.length; i++) {
        			dom.on(events[i], fireCallBack);
        		}
        	}
        }
    
        //动画结束事件兼容
        $.fn.animationEnd = function(callback) {
        	__dealCssEvent.call(this, ['webkitAnimationEnd', 'animationend'], callback);
        	return this;
        };
        $.fn.transitionEnd = function(callback) {
        	__dealCssEvent.call(this, ['webkitTransitionEnd', 'transitionend'], callback);
        	return this;
        };
        $(function() {
        	var mPickerDefaults = {
        		display: 'bottom',
        		shadow: false,
        		level: 1,
        		rows: 4,
        		Linkage: false,
        		dataJson: '',
        		height: 36,
        		idDefault: false,
        		splitStr: ' ',
        		isshort: false,
        		header: '<div class="mPicker-header"></div>',
        		footer: '<div class="mPicker-footer"><a href="javascript:;" class="mPicker-confirm">确定</a><a href="javascript:;" class="mPicker-cancel">取消</a></div>',
        		confirm: function() {},
        		cancel: function() {}
        	};
    
        	var moveStartLock;
    
        	var ulWidth = ['100%', '50%'];
    
        	var $body = $('body');
    
        	var $mask = $('<div class="mPicker-mask hide"></div>');
    
        	var $mPicker = $('<div class="mPicker hide"></div>');
    
        	var lock, timeTouchend;
        	/**
        	 * 添加mPicker容器
        	 */
        	if (!$('.mPicker').length) {
        		$body.append($mPicker);
        		$mPicker.append($mask);
        	}
        	/**
        	 * 阻止默认滚动
        	 */
        	$body.on('touchmove', function(event) {
        		if (lock) {
        			event.preventDefault();
        			event.stopPropagation();
        		}
        	});
        	/**
        	 * 禁止滚动--防止滚动选择时页面滚动
        	 */
        	$body.on({
        		touchstart: function(event) {
        			event.preventDefault();
        			lock = 1;
        		},
        		touchmove: function(event) {
        			event.preventDefault();
        			//兼容部分手机有时候没有触发touchend
        			clearTimeout(timeTouchend);
        			timeTouchend = setTimeout(function() {
        				lock = 0;
        			}, 100);
        		},
        		touchend: function(event) {
        			event.preventDefault();
        			lock = 0;
        		}
        	}, '.mPicker-main');
    
        	function MPicker(ele, options) {
        		if (!ele.length) {
        			return false;
        		}
        		this.container = ele;
        		this.mpicker = $('.mPicker');
        		this.mask = this.mpicker.find('.mPicker-mask');
        		this.options = $.extend({}, mPickerDefaults, options);
        		this.init();
        		this.event();
        		this.container.data('mPicker', this);
    
        	}
    
    
        	MPicker.prototype = {
        		//初始化MPicker
        		init: function(ele, options) {
    
        			/**
        			 * 根据行数计算居中的位置
        			 */
        			this.middleRowIndex = parseInt(this.options.rows / 2.5);
        			this.disy = this.options.display === 'bottom' ? 'mPicker-bottom down' : 'mPicker-modal';
    
        			this.container.attr('readonly', true);
        		},
        		//初始化mpicker,根据json渲染html结构,添加遮罩,边框等
        		render: function() {
    
        			var listStr;
        			var jsonData = [];
        			var mainStr;
        			var self = this;
    
        			jsonData.push(self.options.dataJson);
        			if (self.options.level === 2) {
        				var childStr = getChildJson(self.options.dataJson[0]);
        				jsonData.push(childStr);
        			}
        			listStr = concatHtmlList.call(self, jsonData);
        			mainStr = '<div class="mPicker-main ' + self.disy + '" data-pickerId="' + self.pickerId + '">' + self.options
        				.header + '<div class="mPicker-content">' + listStr + '</div><div class="mPicker-shadow"></div>' + self.options
        				.footer + '</div>';
        			self.mpicker.append(mainStr);
        			/**
        			 * 设置变量
        			 */
        			self.mpickerMain = self.mpicker.find('.mPicker-main');
        			//元素集合
        			var $content = self.mpickerMain.find('.mPicker-content');
        			var $list = self.mpickerMain.find('.mPicker-list');
        			var $listUl = $list.find('ul');
    
        			self.options.level > 1 ? $list.width(ulWidth[self.options.level - 1]) : false;
    
        			//添加选中的边框
        			$list.append('<div class="mPicker-active-box"></div>');
        			$list.find('.mPicker-active-box').height(self.options.height);
        			/**
        			 * 设置选中的边框位置
        			 */
        			var activeBoxMarginTop = self.options.rows % 2 === 0 ? -self.options.height - 2 + 'px' : -self.options.height *
        				0.5 - 2 + 'px';
    
        			$content.find('.mPicker-active-box').css({
        				'margin-top': activeBoxMarginTop
        			});
        			/**
        			 * 设置内容高度
        			 */
        			$content.height(self.options.height * self.options.rows);
        			$list.height(self.options.height * self.options.rows);
    
        		},
        		showPicker: function() {
        			var self = this;
        			self.mpicker.data('object', self);
    				
        			self.render();
        			var $list = self.mpicker.find('.mPicker-list');
        			self.container.focus();
        			self.container.blur();
        			self.mpicker.removeClass('hide');
        			self.mask.removeClass('hide');
    
        			clearTimeout(self.timer);
        			self.timer = setTimeout(function() {
        				self.mpickerMain.removeClass('down');
        			}, 10);
    
        			if (!self.noFirst && self.options.idDefault) {
        				matchDefaultData.call(self);
        			}
        			/**
        			 * 获取input的data-id显示选中的元素
        			 */
        			var id = [];
        			setTransitionY(self.container, 0);
        			$list.each(function(index, ele) {
        				var dataVal = self.container.data('id' + (index + 1)) ? self.container.data('id' + (index + 1)) : 0;
        				id.push(dataVal);
        			});
        			//获得选中的元素
        			setItemMultiple.call(self, id);
        		},
        		hidePicker: function(callback) {
        			var self = this;
        			self.mask.addClass('hide');
    
        			if (self.options.display === 'bottom') {
        				self.mpicker.find('.mPicker-main').addClass('down').transitionEnd(function() {
        					self.mpicker.addClass('hide');
        					self.mpicker.find('.mPicker-main').remove();
        					if (typeof(callback) === 'function') {
        						callback.call(self);
        					}
        				});
        				return false;
        			}
    
        			self.mpicker.addClass('hide');
        			callback.call(self);
        			self.mpicker.find('.mPicker-main').remove();
        		},
        		updateData: function(data) {
        			var self = this;
        			if (!data.length) {
        				return;
        			}
        			self.noFirst = false;
        			for (var i = 0; i < self.options.level; i++) {
        				self.container.data('id' + (i + 1), 0);
        				self.container.data('value' + (i + 1), '');
        			}
        			self.options.dataJson = data;
        			self.mpicker.find('.mPicker-main').remove();
        		},
        		confirm: function() {
        			var self = this;
        			var str = '';
        			var $list = self.mpicker.find('.mPicker-main').find('.mPicker-list');
        			var $listUl = $list.find('ul');
        			self.noFirst = true;
        			$.each($listUl, function(index, ele) {
        				var $active = $(ele).find('.active');
        				var splitStr = index === 0 ? '' : self.options.splitStr;
        				if ($active.length > 0) {
        					index = index + 1;
        					self.container.data('value' + index, $active.data('value'));
        					self.container.data('id' + index, $active.data('id'));
        					str += splitStr + $active.text();
        				}
        			});
        			self.container.val(str);
        			self.hidePicker(self.options.confirm);
    
        		},
        		cancel: function() {
        			var self = this;
        			self.hidePicker(self.options.cancel);
        		},
        		/**
        		 *  事件
        		 *  取消,确定,点击遮罩,列表滑动事件
        		 */
        		event: function() {
        			/**
        			 * 点击打开选择
        			 */
        			var self = this;
        			this.container.off('touchstart.container click.container').on('touchstart.container click.container',
        				function(e) {
        					e.preventDefault();
        					e.stopPropagation();
        					self.showPicker();
        				});
        			//点击确定
        			this.mpicker.off('touchstart.confirm click.confirm').on('touchstart.confirm click.confirm',
        				'.mPicker-confirm',
        				function(e) {
        					e.preventDefault();
        					var self = $('.mPicker').data('object');
        					self.confirm();
        				});
    
        			//点击取消
        			this.mpicker.off('touchstart.cancel click.cancel').on('touchstart.cancel click.cancel', '.mPicker-cancel',
        				function(e) {
        					e.preventDefault();
        					var self = $('.mPicker').data('object');
        					self.cancel();
        				});
    
        			//点击遮罩取消
        			this.mpicker.off('touchstart.mask click.mask').on('touchstart.mask click.mask', '.mPicker-mask', function(e) {
        				e.preventDefault();
        				var self = $('.mPicker').data('object');
        				if (self.options.shadow) {
        					self.cancel();
        				}
        			});
    
        			//遍历下拉列表
        			var startY;
        			var curY;
        			var moveY;
    
    
        			this.mpicker.off('touchstart.list mousedown.list').on('touchstart.list mousedown.list', '.mPicker-list',
        				function(event) {
        					fnTouches(event);
    
        					var $this = $(this).find('ul');
    
        					var tranY = getTranslateY($this);
    
        					startY = getTouches(event).y - tranY;
    
        					changeTime(0, $this);
    
        					moveStartLock = true;
        				});
    
        			this.mpicker.off('touchmove.list mousemove.list').on('touchmove.list mousemove.list', '.mPicker-list',
        				function(event) {
        					event.preventDefault();
        					if (!moveStartLock) {
        						return false;
        					}
        					var self = $('.mPicker').data('object');
    
        					fnTouches(event);
    
        					var translate;
    
        					var $this = $(this).find('ul');
    
        					var listHeight = $this.height();
    
        					var itemHeight = self.options.height * self.options.rows;
    
        					var transMaxY = itemHeight - listHeight - parseInt(self.options.rows / 2) * self.options.height;
    
        					var transMinY = self.middleRowIndex * self.options.height;
    
        					curY = getTouches(event).y;
    
        					moveY = curY - startY;
    
        					translate = Math.round(moveY);
        					translate = translate > transMinY ? transMinY : translate;
        					translate = translate < transMaxY ? transMaxY : translate;
        					setTransitionY($this, translate);
        					clearTimeout(self.timeTouchend);
        					self.timeTouchend = setTimeout(function() {
        						touchEndFn.call(self, $this);
        					}, 100);
        				});
    
        			this.mpicker.off('touchend.list mouseup.list').on('touchend.list mouseup.list', '.mPicker-list', function(
        				event) {
        				event.preventDefault();
        				var self = $('.mPicker').data('object');
        				var $this = $(this).find('ul');
        				touchEndFn.call(self, $this);
    
        			});
        		}
        	}
    
        	function getTouches(event) {
        		if (event.touches !== undefined) {
        			return {
        				x: event.touches[0].pageX,
        				y: event.touches[0].pageY
        			};
        		}
    
        		if (event.touches === undefined) {
        			if (event.pageX !== undefined) {
        				return {
        					x: event.pageX,
        					y: event.pageY
        				};
        			}
        			if (event.pageX === undefined) {
        				return {
        					x: event.clientX,
        					y: event.clientY
        				};
        			}
        		}
        	}
    
    
        	/**
        	 *  滑动结束
        	 */
        	function touchEndFn(ele) {
        		clearTimeout(this.timeTouchend);
        		var result = setActiveItem.call(this, ele);
    
        		var resultId = result.target.data('id');
    
        		var itemIndex = this.mpicker.find('.mPicker-list ul').index(ele);
        		//点第一个联动
        		if (this.options.Linkage && itemIndex === 0) {
        			refreshItemTwo.call(this, resultId);
        		}
    
        		changeTime(400, ele);
    
        		moveStartLock = false;
        	}
    
        	/**
        	 *  第一次打开匹配默认值
        	 */
        	function matchDefaultData() {
        		var self = this;
        		var inputVal = this.container.val().split(this.options.splitStr);
        		var defaultId = [];
        		var defaultValue = [];
        		var dataLevel2;
        		var hasLevel2;
        		//遍历获取id
        		var nameEach = function(data, index) {
        			$.each(data, function(key, val) {
        				if (val.name == inputVal[index]) {
        					defaultId[index] = key;
        					defaultValue[index] = val.value;
        					self.container.data('value' + (index + 1), defaultValue[index]);
        					self.container.data('id' + (index + 1), defaultId[index]);
        					return false;
        				}
        			});
        		};
        		if (typeof(inputVal) !== 'object' || !inputVal.length || !self.mpicker.find('.mPicker-main')) {
        			return;
        		}
    
        		//将name值默认匹配成id,一旦匹配就跳出循环,多个匹配取第一个
        		//匹配一级
        		nameEach(this.options.dataJson, 0);
    
        	}
        	/**
        	 *  滑动结束
        	 */
        	function setActiveItem(obj, val) {
        		var result;
        		var y = Math.round((getTranslateY(obj) / this.options.height));
        		//得到选中的index
        		var index = typeof(val) === 'number' ? obj.find('li').index(obj.find('li[data-id="' + val + '"]')) : this.middleRowIndex -
        			y;
    
        		var y2 = -this.options.height * (index - this.middleRowIndex);
        		setTransitionY(obj, y2);
        		//添加选中样式
        		obj.find('li').eq(index).addClass('active').siblings('li').removeClass('active');
    
        		result = {
        			target: obj.find('li').eq(index),
        			index: index
        		};
        		return result;
        	}
        	/**
        	 *  传入数组,设置多级html
        	 *  index:数组
        	 */
        	function setItemMultiple(index) {
        		var $item = this.mpicker.find('.mPicker-list ul');
        		var index1 = index[0] ? index[0] : 0;
        		var index2 = index[1] ? index[1] : 0;
    
        		if (this.options.Linkage) {
        			refreshItemTwo.call(this, index1);
        		}
        		setActiveItem.call(this, $item.eq(0), index1);
    
        		if (this.options.level === 2) {
        			setActiveItem.call(this, $item.eq(1), index2);
        		}
        	}
    
        	/**
        	 *  传入json
        	 */
        	function getChildJson(data) {
        		if (!data) {
        			return [];
        		}
        		var result = ({}).hasOwnProperty.call(data, 'child') ? data.child : [];
        		return result;
        	}
        	/**
        	 *  传入json拼接html,只有li级别
        	 */
        	function concatHtmlItem(data) {
        		var str = '';
        		var self = this;
        		$.each(data, function(index, val) {
        			var name = self.options.isshort ? val.shortName : val.name;
        			str += '<li data-value="' + val.value + '" data-id="' + index + '">' + name + '</li>';
        		});
        		return str;
        	}
        	/**
        	 *  传入li html 拼接ul
        	 */
        	function concatHtmlList(data) {
        		var html = '';
        		for (var i = 0; i < data.length; i++) {
        			var itemStr = concatHtmlItem.call(this, data[i]);
        			html += '<div class="mPicker-list"><ul>' + itemStr + '</ul></div>';
        		}
        		return html;
        	}
        	/**
        	 *  设置运动时间
        	 */
        	function changeTime(times, obj) {
        		obj.css({
        			'-webkit-transition-duration': times + 'ms',
        			'transition-duration': times + 'ms'
        		});
        	}
        	/**
        	 *  touches兼容
        	 */
        	function fnTouches(e) {
        		if (!e.touches) {
        			e.touches = e.originalEvent.touches;
        		}
        	}
        	/**
        	 *  设置translateY
        	 */
        	function setTransitionY(obj, y) {
        		obj.css({
        			"-webkit-transform": 'translateY(' + y + 'px)',
        			transform: 'translateY(' + y + 'px)'
        		});
        	}
        	/**
        	 *  获取translateY
        	 */
        	function getTranslateY(obj) {
        		var transZRegex = /\.*translateY\((.*)px\)/i;
        		var result;
        		if (obj[0].style.WebkitTransform) {
        			result = parseInt(transZRegex.exec(obj[0].style.WebkitTransform)[1]);
        		} else if (obj[0].style.transform) {
        			result = parseInt(transZRegex.exec(obj[0].style.transforms)[1]);
        		}
        		return result;
        	}
    
        	$.fn.mPicker = function(options) {
        		return this.each(function() {
        			new MPicker($(this), options);
        		});
        	};
    
        }());
    
        /**
         * 一级
         */
        var method3 = $('.select-value3').mPicker({
        	level: 1,
        	dataJson: dataJson,
        	Linkage: false,
        	rows: 6,
        	idDefault: true,
        	header: '<div class="mPicker-header">单级选择</div>',
        	confirm: function() {
        	},
        	cancel: function() {
        	}
        })
    
    

    了解更多关注我哟!!!

    扫一扫进入我的公众号。
    在这里插入图片描述

    展开全文
  • 省市联动

    2019-10-01 23:58:54
    <html> <head> <meta charset="UTF-8">...省市二级联动</title> </head> <body onload="init()"> <select id="province" size=1 onchange="getCity()"&...
    <html>
    <head>
    <meta charset="UTF-8">
    <title>省市二级联动</title>
    </head> 
    <body onload="init()"> 
    <select id="province" size=1 onchange="getCity()"> 
    <option value= 0 >北京</option> 
    <option value= 1 >上海</option> 
    <option value= 2 >天津</option> 
    <option value= 3 >重庆</option> 
    <option value= 4 >河北</option> 
    <option value= 5 >山西</option> 
    <option value= 6 >内蒙古</option> 
    <option value= 7 >辽宁</option> 
    <option value= 8 >吉林</option> 
    <option value= 9 >黑龙江</option> 
    <option value= 10 >江苏</option> 
    <option value= 11 >浙江</option> 
    <option value= 12 >安徽</option> 
    <option value= 13 >福建</option> 
    <option value= 14 >江西</option> 
    <option value= 15 >山东</option> 
    <option value= 16 >河南</option> 
    <option value= 17 >湖北</option> 
    <option value= 18 >湖南</option> 
    <option value= 19 >广东</option> 
    <option value= 20 >广西</option> 
    <option value= 21 >海南</option> 
    <option value= 22 >四川</option> 
    <option value= 23 >贵州</option> 
    <option value= 24 >云南</option> 
    <option value= 25 >西藏</option> 
    <option value= 26 >陕西</option> 
    <option value= 27 >甘肃</option> 
    <option value= 28 >宁夏</option> 
    <option value= 29 >青海</option> 
    <option value= 30 >新疆</option> 
    <option value= 31 >香港</option> 
    <option value= 32 >澳门</option> 
    <option value= 33 >台湾</option> 
    </select>
     
    <select id="city" style="width:60px"> 
    </select> 
    <script> 
    var arr = new  Array();
    arr[0 ]="东城,西城,崇文,宣武,朝阳,丰台,石景山,海淀,门头沟,房山,通州,顺义,昌平,大兴,平谷,怀柔,密云,延庆" 
    arr[1 ]="黄浦,卢湾,徐汇,长宁,静安,普陀,闸北,虹口,杨浦,闵行,宝山,嘉定,浦东,金山,松江,青浦,南汇,奉贤,崇明" 
    arr[2 ]="和平,东丽,河东,西青,河西,津南,南开,北辰,河北,武清,红挢,塘沽,汉沽,大港,宁河,静海,宝坻,蓟县" 
    arr[3 ]="万州,涪陵,渝中,大渡口,江北,沙坪坝,九龙坡,南岸,北碚,万盛,双挢,渝北,巴南,黔江,长寿,綦江,潼南,铜梁,大足,荣昌,壁山,梁平,城口,丰都,垫江,武隆,忠县,开县,云阳,奉节,巫山,巫溪,石柱,秀山,酉阳,彭水,江津,合川,永川,南川" 
    arr[4 ]="石家庄,邯郸,邢台,保定,张家口,承德,廊坊,唐山,秦皇岛,沧州,衡水" 
    arr[5 ]="太原,大同,阳泉,长治,晋城,朔州,吕梁,忻州,晋中,临汾,运城" 
    arr[6 ]="呼和浩特,包头,乌海,赤峰,呼伦贝尔盟,阿拉善盟,哲里木盟,兴安盟,乌兰察布盟,锡林郭勒盟,巴彦淖尔盟,伊克昭盟" 
    arr[7 ]="沈阳,大连,鞍山,抚顺,本溪,丹东,锦州,营口,阜新,辽阳,盘锦,铁岭,朝阳,葫芦岛" 
    arr[8 ]="长春,吉林,四平,辽源,通化,白山,松原,白城,延边" 
    arr[9 ]="哈尔滨,齐齐哈尔,牡丹江,佳木斯,大庆,绥化,鹤岗,鸡西,黑河,双鸭山,伊春,七台河,大兴安岭" 
    arr[10 ]="南京,镇江,苏州,南通,扬州,盐城,徐州,连云港,常州,无锡,宿迁,泰州,淮安" 
    arr[11 ]="杭州,宁波,温州,嘉兴,湖州,绍兴,金华,衢州,舟山,台州,丽水" 
    arr[12 ]="合肥,芜湖,蚌埠,马鞍山,淮北,铜陵,安庆,黄山,滁州,宿州,池州,淮南,巢湖,阜阳,六安,宣城,亳州" 
    arr[13 ]="福州,厦门,莆田,三明,泉州,漳州,南平,龙岩,宁德" 
    arr[14 ]="南昌市,景德镇,九江,鹰潭,萍乡,新馀,赣州,吉安,宜春,抚州,上饶" 
    arr[15 ]="济南,青岛,淄博,枣庄,东营,烟台,潍坊,济宁,泰安,威海,日照,莱芜,临沂,德州,聊城,滨州,菏泽" 
    arr[16 ]="郑州,开封,洛阳,平顶山,安阳,鹤壁,新乡,焦作,濮阳,许昌,漯河,三门峡,南阳,商丘,信阳,周口,驻马店,济源" 
    arr[17 ]="武汉,宜昌,荆州,襄樊,黄石,荆门,黄冈,十堰,恩施,潜江,天门,仙桃,随州,咸宁,孝感,鄂州" 
    arr[18 ]="长沙,常德,株洲,湘潭,衡阳,岳阳,邵阳,益阳,娄底,怀化,郴州,永州,湘西,张家界" 
    arr[19 ]="广州,深圳,珠海,汕头,东莞,中山,佛山,韶关,江门,湛江,茂名,肇庆,惠州,梅州,汕尾,河源,阳江,清远,潮州,揭阳,云浮" 
    arr[20 ]="南宁,柳州,桂林,梧州,北海,防城港,钦州,贵港,玉林,南宁地区,柳州地区,贺州,百色,河池" 
    arr[21 ]="海口,三亚" 
    arr[22 ]="成都,绵阳,德阳,自贡,攀枝花,广元,内江,乐山,南充,宜宾,广安,达川,雅安,眉山,甘孜,凉山,泸州" 
    arr[23 ]="贵阳,六盘水,遵义,安顺,铜仁,黔西南,毕节,黔东南,黔南" 
    arr[24 ]="昆明,大理,曲靖,玉溪,昭通,楚雄,红河,文山,思茅,西双版纳,保山,德宏,丽江,怒江,迪庆,临沧" 
    arr[25 ]="拉萨,日喀则,山南,林芝,昌都,阿里,那曲" 
    arr[26 ]="西安,宝鸡,咸阳,铜川,渭南,延安,榆林,汉中,安康,商洛" 
    arr[27 ]="兰州,嘉峪关,金昌,白银,天水,酒泉,张掖,武威,定西,陇南,平凉,庆阳,临夏,甘南" 
    arr[28 ]="银川,石嘴山,吴忠,固原" 
    arr[29 ]="西宁,海东,海南,海北,黄南,玉树,果洛,海西" 
    arr[30 ]="乌鲁木齐,石河子,克拉玛依,伊犁,巴音郭勒,昌吉,克孜勒苏柯尔克孜,博 尔塔拉,吐鲁番,哈密,喀什,和田,阿克苏" 
    arr[31 ]="香港" 
    arr[32 ]="澳门" 
    arr[33 ]="台北,高雄,台中,台南,屏东,南投,云林,新竹,彰化,苗栗,嘉义,花莲,桃园,宜兰,基隆,台东,金门,马祖,澎湖" 
    
    function init()//默认
    {
        var city = document.getElementById("city");
        var cityArr = arr[0].split(",");
        for(var i=0;i<cityArr.length;i++)
        {
                 city[i]=new Option(cityArr[i],cityArr[i]);
        }
    }
    
    function getCity()
    {    
        var pro = document.getElementById("province");
        var city = document.getElementById("city");
        var index = pro.selectedIndex;//获取索引号
        var cityArr = arr[index].split(",");   
        
        city.length = 0;
        //将城市数组中的值填充到城市下拉框中
        for(var i=0;i<cityArr.length;i++)
        {
                 city[i]=new Option(cityArr[i],cityArr[i]);
             }
    }
    </script>
    </body>
    </html>

     

    转载于:https://www.cnblogs.com/itcx1213/p/9211880.html

    展开全文
  • 四级联动

    2019-09-05 16:50:28
    简单的四级联动效果: html: <div class="form-control"> <label class="form-label">大区</label> <select id="area" name="area" class="select"> ...

    简单的四级联动效果:

    html:

            <div class="form-control">
              <label class="form-label">大区</label>
               <select id="area" name="area" class="select">
                
               </select>
            </div>
            <div class="form-control">
              <label class="form-label">省份</label>
              <select id="cmbProvince" name="province" class="select">
                
              </select>
            </div>
            <div class="form-control">
              <label class="form-label">城市</label>
              <select id="cmbCity" name="city" class="select">
                
              </select>
            </div>
            <div class="form-control">
              <label class="form-label">经销商店名</label>
              <select id="cmbArea" name="dealer" class="select">
                
              </select>
            </div>

    js:

    var addressInit = function(_carea,_cmbProvince, _cmbCity, _cmbArea,defaultarea1, defaultProvince, defaultCity, defaultArea)  
        
    {  
        var area=document.getElementById(_carea);  
        var cmbProvince = document.getElementById(_cmbProvince);  
        var cmbCity = document.getElementById(_cmbCity);  
        var cmbArea = document.getElementById(_cmbArea);  
        function cmbSelect(cmb, str)  
        {  
            for(var i=0; i<cmb.options.length; i++)  
            {  
                if(cmb.options[i].value == str)  
                {  
                    cmb.selectedIndex = i;  
                    return;  
                }  
            }  
        }  
        function cmbAddOption(cmb, str, obj)  
        {  
            var option = document.createElement("OPTION");  
            option.innerHTML = str;  
            option.value = str;  
            option.obj = obj;  
            cmb.options.add(option);  
        }  
          
        function changeCity()  
        {  
            cmbArea.options.length = 0;  
            if(cmbCity.selectedIndex == -1)return;  
            var item = cmbCity.options[cmbCity.selectedIndex].obj;  
            for(var i=0; i<item.areaList.length; i++)  
            {  
                cmbAddOption(cmbArea, item.areaList[i], null);  
            }  
            cmbSelect(cmbArea, defaultArea);  
        }  
        function changeProvince()  
        {  
            cmbCity.options.length = 0;  
            cmbCity.onchange = null;  
            if(cmbProvince.selectedIndex == -1)return;  
              
            var item = cmbProvince.options[cmbProvince.selectedIndex].obj;  
            for(var i=0; i<item[cmbProvince.selectedIndex].cityList.length; i++)  
            {  
                cmbAddOption(cmbCity, item[cmbProvince.selectedIndex].cityList[i].name, item[cmbProvince.selectedIndex].cityList[i]);  
            }  
            cmbSelect(cmbCity, defaultCity);  
            changeCity();  
            cmbCity.onchange = changeCity;  
        }  
        function changeArea()  
        {  
            cmbProvince.options.length = 0;  
            cmbProvince.onchange = null;  
            if(area.selectedIndex == -1)return;  
            var item=area.options[area.selectedIndex].obj;  
            for(var i=0;i<item.Allcity.length;i++)  
            {  
                cmbAddOption(cmbProvince,item.Allcity[i].name,item.Allcity);  
            }  
            cmbSelect(cmbProvince,defaultProvince);  
            changeProvince();  
            cmbProvince.onchange=changeProvince;  
        }  
              
              
              
              
        for(var i=0; i<provinceList.length; i++)  
        {  
        //alert(provinceList[i].Allcity[0].name);  
        //var mess=provinceList[i].Allcity.join('--');  
        //alert(mess);  
            cmbAddOption(area, provinceList[i]._area, provinceList[i]);  
        }  
          
        cmbSelect(area, defaultarea1);  
        changeArea();  
        area.onchange = changeArea;  
    }  
    
    addressInit('area','cmbProvince','cmbCity','cmbArea','未选择', '未选择', '未选择', '未选择');

    mock数据格式:

    // 华南地区
    var hnList = [
    {
      _area:"华南一区",
      Allcity:[
      {
        name: '广东',
        cityList:[
          {
            name: '东莞',
            areaList: ['东莞美东', '东莞中升', '东莞虎门中升', '东莞常平中升', '东莞永佳']
          },
          {
            name: '广州',
            areaList: ['广州中升', '广州骏佳', '广州鸿粤', '广州长悦', '广州永佳', '广州中升增悦', '广州科城骏佳']
          },
          {
            name: '佛山',
            areaList: ['佛山骏领', '顺德中升', '佛山汇恒', '佛山美兴', '佛山中升', '佛山海八骏领']
          },
          {
            name: '茂名',
            areaList: ['茂名中升']
          },
          {
            name: '深圳',
            areaList: ['深圳中升', '深圳中升悦晟', '深圳深业', '深圳潮锋', '深圳宝安中升', '深圳观澜中升', '深圳布吉中升', '深圳大兴丰通']
          },
          {
            name: '中山',
            areaList: ['中山溢华', '中山中裕']
          },
          {
            name: '河源',
            areaList: ['河源中裕']
          },
          {
            name: '惠州',
            areaList: ['惠州中升']
          },
          {
            name: '江门',
            areaList: ['江门元泰通']
          },
          {
            name: '揭阳',
            areaList: ['揭阳合和']
          },
          {
            name: '梅州',
            areaList: ['梅州大昌行']
          },
          {
            name: '清远',
            areaList: ['清远美东']
          },
          {
            name: '汕头',
            areaList: ['汕头合和']
          },
          {
            name: '阳江',
            areaList: ['阳江美东']
          },
          {
            name: '云浮',
            areaList: ['云浮中裕']
          },
          {
            name: '湛江',
            areaList: ['湛江中升']
          },
          {
            name: '肇庆',
            areaList: ['肇庆汇恒']
          },
          {
            name: '珠海',
            areaList: ['珠海美东', '珠海斗门美东']
          },
        ]
      },
      {
        name: '海南',
        cityList:[
          {
            name: '海口',
            areaList: ['海口中升']
          },
          {
            name: '三亚',
            areaList: ['三亚中升Mini 4S店']
          }
        ]
      },
      
      ]
    },
    {
      _area:"华南二区",
      Allcity:[
      {
        name: '重庆',
        cityList:[
          {
            name: '重庆',
            areaList: ['重庆和凌', '重庆中升']
          }
        ]
      },
      {
        name: '福建',
        cityList:[
          {
            name: '福州',
            areaList: ['福州中升', '福建宾联']
          },
          {
            name: '泉州',
            areaList: ['泉州宾联', '泉州中升']
          },
          {
            name: '厦门',
            areaList: ['厦门美东', '厦门远达']
          },
          {
            name: '龙岩',
            areaList: ['龙岩美东']
          },
          {
            name: '漳州',
            areaList: ['漳州盛元']
          }
        ]
      },
      {
        name: '广西',
        cityList:[
          {
            name: '南宁',
            areaList: ['南宁广缘', '南宁恒信']
          },
          {
            name: '柳州',
            areaList: ['柳州恒信']
          }
        ]
      },
      {
        name: '贵州',
        cityList:[
          {
            name: '贵阳',
            areaList: ['贵阳通源', '贵阳英华']
          },
          {
            name: '遵义',
            areaList: ['遵义通源']
          }
        ]
      },
      {
        name: '湖南',
        cityList:[
          {
            name: '长沙',
            areaList: ['长沙力天', '湖南骏佳', '长沙美东']
          },
          {
            name: '株洲',
            areaList: ['株洲美东']
          }
        ]
      },
      {
        name: '四川',
        cityList:[
          {
            name: '成都',
            areaList: ['四川中达', '四川辰宇', '成都通源', '成都中升']
          },
          {
            name: '泸州',
            areaList: ['泸州锦泰']
          },
          {
            name: '绵阳',
            areaList: ['绵阳启阳']
          },
          {
            name: '南充',
            areaList: ['南充通源']
          }
        ]
      },
      {
        name: '云南',
        cityList:[
          {
            name: '昆明',
            areaList: ['云南中升', '云南中凯']
          },
          {
            name: '曲靖',
            areaList: ['曲靖添福源']
          },
          {
            name: '玉溪',
            areaList: ['玉溪大昌行']
          }
        ]
      },
    
      ]
    }
    ]

     

    展开全文
  • 二级联动: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="./js/联动.js" type="text/javascript" charset="utf-8"></...

    二级联动:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<script src="./js/联动.js" type="text/javascript" charset="utf-8"></script>
    	</head>
    	<body>
    		<select name="" id="pros">
    		</select>
    		<select name="" id="citys">
    		</select>
    	</body>
    </html>
    
    
    var pros = ['广西', '广东', '湖北'];
    var citys = [
    	['南宁', '柳州', '桂林', '河池'],
    	['广州', '珠海', '佛山', '中山'],
    	['武汉', '宜昌']
    ];
    window.onload = function() {
    	var pro = document.getElementById('pros');
    	var city = document.getElementById('citys');
    	for (var i = 0; i < pros.length; i++) {
    		var option = document.createElement('option');
    		option.innerHTML = pros[i];
    		pro.appendChild(option);
    	}
    	for (var i = 0; i < citys[0].length; i++) {
    		var option = document.createElement('option');
    		option.innerHTML = citys[0][i];
    		city.appendChild(option);
    	}
    	pro.onchange = function() {
    		// 判断select中选中的下标
    		var index = pro.selectedIndex;
    		var child = city.childNodes;
    		var lenght = child.length;
    		// 清空城市下拉框的内容
    		console.log(child);
    		for (var i = 0; i < lenght; i++) {
    			city.removeChild(child[0]);
    		};
    		// 添加
    		for (var i = 0; i < citys[index].length; i++) {
    			var option = document.createElement('option');
    			option.innerHTML = citys[index][i];
    			city.appendChild(option);
    		};
    	}
    }
    
    

    三级联动:

    案例1:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<script src="./js/三级联动.js" type="text/javascript" charset="utf-8"></script>
    	</head>
    	<body>
    		<select id="province" onclick="changeProvince()">
    			
    		</select>
    		<select id="city" onclick="changeCity()">
    			
    		</select>
    		<select id="area">
    			
    		</select>
    	</body>
    </html>
    
    
    var data = {
    	"province": [{
    			"name": "广东省",
    			"citylist": [{
    					"name": "天河区",
    					"arealist": [{
    							"name": "岗顶"
    						},
    						{
    							"name": "体育西路"
    						},
    						{
    							"name": "东圃"
    						}
    					]
    				},
    				{
    					"name": "白云区",
    					"arealist": [{
    							"name": "人和"
    						},
    						{
    							"name": "嘉禾望岗"
    						},
    						{
    							"name": "三元里"
    						}
    					]
    				},
    				{
    					"name": "海珠区",
    					"arealist": [{
    							"name": "中大"
    						},
    						{
    							"name": "广州塔"
    						},
    						{
    							"name": "大塘"
    						}
    					]
    				}
    			]
    		},
    		{
    			"name": "广西省",
    			"citylist": [{
    					"name": "桂林市",
    					"arealist": [{
    							"name": "七星"
    						},
    						{
    							"name": "崖山"
    						},
    						{
    							"name": "燕山"
    						}
    					]
    				},
    				{
    					"name": "南宁市",
    					"arealist": [{
    							"name": "兴宁区"
    						},
    						{
    							"name": "青秀区",
    						},
    						{
    							"name": "西乡塘区",
    						}
    					]
    				},
    				{
    					"name":"河池市",
    					"arealist":[{
    						"name":"大化县瑶族自治县"
    					},
    					{
    						"name":"都安瑶族自治县"
    					}]
    				}
    			]
    		}
    	]
    }
    
    window.onload = function() {
    	// 填充初始数据
    	// 获取json对象的province属性:返回的是一个数组对象
    	// 获取页面加载时的初始省份信息  pros={'广东省','广西省'}
    	var pros = data.province;
    	// 获取页面加载时的初始城市信息	pros[0].citylist:{'天河区','白云区','海珠区'}
    	var cities = pros[0].citylist;
    	// 获取页面加载时的初始地区信息	pros[0].citylist[0].arealist:{'岗顶','体育西路','东圃'}
    	var areas = cities[0].arealist;
    	// 填充省份
    	// 获取省份下拉框
    	var province = document.getElementById('province');
    	// 遍历省份数组,添加初始数据
    	for (var i = 0; i < pros.length; i++) {
    		// 创建option标签
    		var option = document.createElement('option');
    		// 设置option标签的文本内容
    		option.innerText = pros[i].name;
    		// 将option追加到select中
    		province.appendChild(option);
    	}
    	// 填充城市
    	// 获取城市下拉框
    	var city = document.getElementById('city');
    	// 遍历城市数组,添加数据
    	for (var i = 0; i < cities.length; i++) {
    		var option = document.createElement('option');
    		option.innerText = cities[i].name;
    		city.appendChild(option);
    	}
    	// 填充地区
    	// 获取地区下拉框
    	var area = document.getElementById('area');
    	// 遍历地区数组,添加数据
    	for (var i = 0; i < areas.length; i++) {
    		var option = document.createElement('option');
    		option.innerText = areas[i].name;
    		area.appendChild(option);
    	}
    }
    
    // 省份下拉框发生改变时的操作
    function changeProvince() {
    	// 获取省份下拉框
    	var province = document.getElementById('province');
    	// 获取选中省份的下标
    	var index = province.selectedIndex;
    	// 获取省份
    	var pros = data.province[index];
    	// 所选省份对应的城市
    	var cities = pros.citylist;
    	// 对应城市的地区
    	var areas = cities[0].arealist;
    	// 获取城市下拉框
    	var city = document.getElementById('city');
    	// 清除生词下拉框原先的数据
    	// 获取原先的option数组
    	var childs = city.childNodes;
    	var length = childs.length;
    	// 每次删除,数组的长度都是动态变化减少,所以需要定义一个变量用于接受数组原始长度,
    	// 按照原始的长度来确定循环次数,因为循环删除,元素逐渐减少,所以每次删除的都是下标为0的元素
    	for (var i = 0; i < length; i++) {
    		// 删除的都是第一个元素,直至没有
    		city.removeChild(childs[0]);
    	}
    	// 填充对应的城市
    	for (var i = 0; i < cities.length; i++) {
    		var option = document.createElement('option');
    		option.innerText = cities[i].name;
    		city.appendChild(option);
    	}
    	// 与城市的操作一样
    	var area = document.getElementById('area');
    	// 获取地区的子节点数组(option)
    	var childNodes = area.childNodes;
    	// 子节点数组的长度
    	var cength = childNodes.length;
    	// 遍历childNodes,循环删除
    	for (var i = 0; i < cength; i++) {
    		area.removeChild(childNodes[0]);
    	}
    	for (var i = 0; i < areas.length; i++) {
    		var option = document.createElement('option');
    		option.innerText = areas[i].name;
    		area.appendChild(option);
    	}
    }
    // 城市下拉框发生改变时的操作
    function changeCity() {
    	// 获取选中省份的下标
    	var pindex = document.getElementById('province').selectedIndex;
    	// 获取选中城市的下标
    	var cindex = document.getElementById('city').selectedIndex;
    	// 获取地区数组
    	var areas = data.province[pindex].citylist[cindex].arealist;
    	// 获取地区下拉框
    	var area = document.getElementById('area');
    	// 获取原先的option数组
    	var childs = area.childNodes;
    	var length = childs.length;
    	// 删除原先的option元素
    	for (var i = 0; i < length; i++) {
    		area.removeChild(childs[0]);
    	}
    	// 向area填充新的内容
    	for (var i = 0; i < areas.length; i++) {
    		var option = document.createElement('option');
    		option.innerText = areas[i].name;
    		area.appendChild(option);
    	}
    }
    
    

    案例二:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<script src="./js/国家级联动.js" type="text/javascript" charset="utf-8"></script>
    	</head>
    	<body>
    		<select id="country" onclick="changeCountry()">
    			
    		</select>
    		<select id="province" onclick="changeProvince()">
    			
    		</select>
    		<select id="city">
    			
    		</select>
    		
    	</body>
    </html>
    
    
    var data = {
    	"country":[{
    		"name":"China",
    		"provincelist":[{
    			"name":"北京市",
    			"citylist":[{
    				"name":"朝阳区"
    			},
    			{
    				"name":"东城区"
    			},
    			{
    				"name":"西城区"
    			}]
    		},{
    			"name":"广东省",
    			"citylist":[{
    				"name":"广州市"
    			},{
    				"name":"珠海市"
    			},{
    				"name":"深圳市"
    			},{
    				"name":"江门市"
    			}]
    		},{
    			"name":"广西省",
    			"citylist":[{
    				"name":"南宁市"
    			},{
    				"name":"河池市"
    			},{
    				"name":"玉林市"
    			},{
    				"name":"桂林市"
    			}]
    		}
    		]
    	},{
    		"name":"U.S.A",
    		"provincelist":[{
    			"name":"加利福尼亚州",
    			"citylist":[{
    				"name":"洛杉矶"
    			},{
    				"name":"好莱坞"
    			},{
    				"name":"阿凯迪亚"
    			},{
    				"name":"蒙特利公园"
    			}]
    		},{
    			"name":"佛罗里达州",
    			"citylist":[{
    				"name":"杰克逊维尔"
    			},{
    				"name":"迈阿密"
    			},{
    				"name":"坦帕市"
    			}]
    		},{
    			"name":"夏威夷州",
    			"citylist":[{
    				"name":"夏威夷县"
    			},{
    				"name":"檀香山县"
    			},{
    				"name":"卡拉沃县"
    			}]
    		}]
    	}]
    }
    
    window.onload = function() {
    	var countries = data.country;
    	var country = document.getElementById('country');
    	for(var i = 0;i<countries.length;i++) {
    		// 创建option标签
    		var option = document.createElement('option');
    		option.innerText = countries[i].name;
    		country.appendChild(option);
    	}
    	var pros = countries[0].provincelist;
    	var province = document.getElementById('province');
    	for(var i = 0;i<pros.length;i++) {
    		// 创建option标签
    		var option = document.createElement('option');
    		option.innerText = pros[i].name;
    		province.appendChild(option);
    	}
    	var cities = countries[0].provincelist[0].citylist;
    	var city = document.getElementById('city');
    	for(var i = 0;i<cities.length;i++) {
    		// 创建option标签
    		var option = document.createElement('option');
    		option.innerText = cities[i].name;
    		city.appendChild(option);
    	}
    }
    
    function changeCountry() {
    	var country = document.getElementById('country');
    	var index = country.selectedIndex;
    	var countries = data.country[index];
    	var provinces =countries.provincelist; 
    	var cities = provinces[0].citylist;
    	var province = document.getElementById('province');
    	var childs =province.childNodes; 
    	var length = childs.length;
    	for(var i =0;i<length;i++) {
    		province.removeChild(childs[0]);
    	}
    	for(var i = 0;i<provinces.length;i++) {
    		var option = document.createElement('option');
    		option.innerText = provinces[i].name;
    		province.appendChild(option);
    	}
    	var city = document.getElementById('city');
    	var childNodes = city.childNodes;
    	var clength = childNodes.length;
    	for(var i =0;i<clength;i++) {
    		city.removeChild(childNodes[0]);
    	}
    	for(var i = 0;i<cities.length;i++) {
    		var option = document.createElement('option');
    		option.innerText = cities[i].name;
    		city.appendChild(option);
    	}
    }
    
    function changeProvince() {
    	var cindex = document.getElementById('country').selectedIndex;
    	var pindex = document.getElementById('province').selectedIndex;
    	var cities = data.country[cindex].provincelist[pindex].citylist;
    	var city = document.getElementById('city');
    	var childs = city.childNodes;
    	var length = childs.length;
    	for(var i =0;i<length;i++) {
    		city.removeChild(childs[0]);
    	}
    	for(var i=0;i<cities.length;i++) {
    		var option = document.createElement('option');
    		option.innerText = cities[i].name;
    		city.appendChild(option);
    	}
    }
    
    展开全文
  • 用JavaScript实现城市联动框时间的联动框: 要求: 年份:1900~今年 月份:1~12 日:根据每月算出对应的天数 代码: function showCity(){ //维护一个二维数组存储省份对应的城市 var citys = [[]...
  • js简单省市联动

    2018-01-18 11:49:35
    js简单省市联动 js学习简单的省市联动,代码注释的很清楚了 思路: 1.省用数组存数据,市用二维数组存数据 2.初始化数据,给省,市添加Options数据 3.联动添加onchange事件 代码实现如下: html> ...
  • 省份城市联动 多选

    千次阅读 2016-02-18 15:40:21
    省份城市联动多选
  • 省份城市联动单选

    2016-02-18 15:50:29
    省份城市联动单选 select
  • 二级联动

    2016-08-13 10:29:00
    二级联动 在开发过程中,遇到过非常多的二级联动,下面是我总结出来的几种二级联动案例 二级联动(1) 第一种案例是一种比较简单的二级联动,利用jquery的显示隐藏来实现,对于数据较少的二级联动来说可以采纳 ...
  • js城市区联动

    2018-10-18 16:22:30
    这里发一个自己有过一点修改的 城市区联动的 js文件源码, 附加使用方法 ,先贴上js源码, 我把所有地区下面加了一个 二级联动及三级联动 加了一个请选择的选项, SPT = "--请选择省份--"; SCT = &...
  • js省市联动

    2015-07-25 00:10:27
    思路:通过二维数组实现省市联动。 第一步:创建一个二维数组来保存省份与城市var cityList = new Array(); cityList['北京市'] = ['朝阳区','东城区','西城区', '海淀区','宣武区','丰台区','怀柔','延庆','房山']...
  • javascript控制省市联动

    千次阅读 2015-11-28 15:21:08
    javascript控制省市联动,在网上翻阅了一番一直后,发现网上很多下拉框省市联动的代码都不是很全,所以自己就整理了一下: 算是比较全的中国各地的省市联动了吧,若有不全,欢迎补充。 JS控制省市联动 ...
  • ajax联动

    2016-10-04 20:30:00
    "中山</city>" ); } else if ("湖南" .equals(province)){ pw.write( "长沙</city>" ); pw.write( "株洲</city>" ); pw.write( "湘潭</city>" ); pw.write( "岳阳</city>" ); } pw.write( "</root>" );...
  • 省级联动

    2015-03-11 15:47:00
    dsy.add("0_4",["潮州","东莞","佛山","广州","河源","惠州","江门","揭阳","茂名","梅州","清远","汕头","汕尾","韶关","深圳","阳江","云浮","湛江","肇庆","中山","珠海"]); dsy.add("0_4_0",["潮安县","潮州市",...
  • 三级联动

    千次阅读 2018-06-20 16:48:56
    &lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script type="... &am
  • 省份城市三级联动

    千次阅读 2016-11-02 17:28:30
    省份城市三级联动
  • 省市区三级联动

    千次阅读 2016-08-15 14:56:11
    通常我们在网站填写住址的时候都是三级联动形式,其他联动形式也是一样。
  • JS 省市联动

    2016-07-29 09:49:08
    省市联动 title > head > < body > < form action = "http://www.baidu.com" method = "get" > < select id = "select" name = "province" > select > < select id = "select2" name ...
  • 省市区联动

    2019-10-05 15:58:19
    学习JS遇到做省市区联动控件,以下是自己的一些心得。   <body><select id="province" onchange="chooseProvince(this)">  <option value="1">请选择省</option></select><...
  • JavaScript省市联动

    2019-07-05 22:00:19
    <... <head>...JS省市二级联动菜单,整理收集。</title> </head> <body bgcolor="#FFFFFF" alink="#333333" vlink="#333333" link="#333333" topmargin="0" leftmargin=...
  • Ajax联动实现省市联动

    2008-01-27 11:36:00
    new Array("442001","中山"), new Array("440801","湛江"), new Array("440901","茂名"), new Array("440201","韶关"), new Array("440501","汕头"), new Array("441401","梅州"), new Array("441701","阳江"), new ...
  • Javascript实现省市联动

    2017-08-30 14:02:05
    最近工作,要用到省市联动的功能。网上搜了一下,发现有很多这样的例子,看了不少实例,把觉得写得不错的代码穿上来,好给大家分享一下。 下面是个代码实现部分: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 ...
  • 省市联动ajax

    2018-11-12 15:05:19
    省市联动 1、页面 &lt;select name="province"&gt; &lt;option&gt;选择省份&lt;/option&gt; &lt;/select&gt; &lt;select name="city"&gt; &...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,637
精华内容 654
关键字:

中山联动