逛博客园10个月了，第一写个笔记，心里好激动，手也好抖，博客园大神太多了.
好汉不喜勿喷。
这个是我线上能访问 http://182.254.136.120:99/silas/demo.html
<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> silas</title> <script src="jquery-1.9.1.min.js"></script> <style type="text/css"> *{margin: 0; padding:0;} ul li{ list-style: none; } .line-content input { vertical-align: -2px; } .region-select { background: #FFF; border: 1px solid #ddd; float: left; line-height: 16px; min-height: 21px; _height: 21px; width: 244px; padding: 6px 25px 6px 10px; font-weight: normal; } .region-trigger { background: url(g-sprite.png) no-repeat -130px 14px; display: block; float: left; height: 21px; width: 17px; _zoom: 1; margin-left: -25px; _background-image: url(g-sprite.png); } .region-wrapper{ border: 1px solid #5275c4; display: none; width: 670px; position: absolute; z-index: 1000; background-color: #fff; left: 0; top: 34px; font-weight: normal; } .region-wrapper .r-b .o { text-align: right; height: 20px; line-height: 20px; padding: 5px 0; } .go-ico-del { display: inline-block; background: url(g-sprite.png) no-repeat 0 -204px; width: 15px; height: 15px; } .region-wrapper .r-b{ padding: 0 10px; position: relative; zoom: 1; } .region-wrapper .r-b li{ border-bottom: 1px dashed #d9d9d9; height: 36px; line-height: 36px; } .region-wrapper .r-b dt{ font-weight: 600; } .region-wrapper .r-b dt,.region-wrapper .r-b dd{ float: left; width: 88px; position: relative; } .region-wrapper .r-b dd{ width: 84px; height: 36px; padding: 0 0 0 5px; border: 1px solid #fff; border-width: 1px 1px 0; position: relative; } .region-wrapper .r-b dd label{ margin-right: 0; } .region-wrapper .r-b dl .unfold{ display: inline-block; width: 7px; height: 19px; text-decoration: none; vertical-align: 0; background-position: -2px -221px; background-image: url(g-sprite.png); } .region-wrapper .r-b .city { position: absolute; top: 26px; left: -1px; width: 195px; background-color: #f6f6f6; z-index: 10; display: none; border: 1px solid #a4a4a4; } .region-wrapper .r-b dl .light { background-color: #f6f6f6; border: 1px solid #a4a4a4; border-width: 1px 1px 0; z-index: 10; } .region-wrapper .r-b .city .line { display: block; width: 89px; background-color: #f6f6f6; height: 2px; margin-top: -1px; } .region-wrapper .r-b .city ul{ padding: 0 0 0 5px; overflow: hidden; zoom: 1; } .region-wrapper .r-b .city li { display: inline; margin: 0 10px 0 0; border-width: 0; float: left; } .region-wrapper .r-b .city .o { padding: 5px 10px; } </style></head><body>
<div class="line-content" style="position: relative"> <ul class="region-select"><li class="item"> <span></span> <input type="hidden" name="purchase_extra[supply_regiontext]" class="region_valtext"> <input type="hidden" name="purchase_extra[supply_address]" class="region_val"></li></ul> <a class="region-trigger" id="region-btn"></a> <div class="region-wrapper"> <div class="r-b"> <div class="cont"> <ul> <li> <dl> <dt data-info="dt"><input type="checkbox" id="r-db" class="reg"><label for="db">华东</label></dt> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-31" class="prov"><label for="r-1816">上海</label> <a class="unfold" href="javascript:;" target="_self" for="r-31"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-3101"><label for="r-3101">上海市</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-32" class="prov"><label for="r-1816">江苏</label> <a class="unfold" href="javascript:;" target="_self" for="r-32"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-3201"><label for="r-3201">南京市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3202"><label for="r-3202">无锡市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3203"><label for="r-3203">徐州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3204"><label for="r-3204">常州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3205"><label for="r-3205">苏州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3206"><label for="r-3206">南通市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3207"><label for="r-3207">连云港市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3208"><label for="r-3208">淮安市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3209"><label for="r-3209">盐城市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3210"><label for="r-3210">扬州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3211"><label for="r-3211">镇江市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3212"><label for="r-3212">泰州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3213"><label for="r-3213">宿迁市</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-33" class="prov"><label for="r-1816">浙江</label> <a class="unfold" href="javascript:;" target="_self" for="r-33"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-3301"><label for="r-3301">杭州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3302"><label for="r-3302">宁波市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3303"><label for="r-3303">温州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3304"><label for="r-3304">嘉兴市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3305"><label for="r-3305">湖州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3306"><label for="r-3306">绍兴市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3307"><label for="r-3307">金华市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3308"><label for="r-3308">衢州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3309"><label for="r-3309">舟山市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3310"><label for="r-3310">台州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3311"><label for="r-3311">丽水市</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-34" class="prov"><label for="r-1816">安徽</label> <a class="unfold" href="javascript:;" target="_self" for="r-34"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-3401"><label for="r-3401">合肥市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3402"><label for="r-3402">芜湖市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3403"><label for="r-3403">蚌埠市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3404"><label for="r-3404">淮南市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3405"><label for="r-3405">马鞍山市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3406"><label for="r-3406">淮北市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3407"><label for="r-3407">铜陵市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3408"><label for="r-3408">安庆市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3410"><label for="r-3410">黄山市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3411"><label for="r-3411">滁州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3412"><label for="r-3412">阜阳市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3413"><label for="r-3413">宿州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3415"><label for="r-3415">六安市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3416"><label for="r-3416">亳州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3417"><label for="r-3417">池州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3418"><label for="r-3418">宣城市</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-36" class="prov"><label for="r-1816">江西</label> <a class="unfold" href="javascript:;" target="_self" for="r-36"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-3601"><label for="r-3601">南昌市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3602"><label for="r-3602">景德镇市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3603"><label for="r-3603">萍乡市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3604"><label for="r-3604">九江市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3605"><label for="r-3605">新余市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3606"><label for="r-3606">鹰潭市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3607"><label for="r-3607">赣州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3608"><label for="r-3608">吉安市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3609"><label for="r-3609">宜春市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3610"><label for="r-3610">抚州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3611"><label for="r-3611">上饶市</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> </dl> </li>
<li> <dl> <dt data-info="dt"><input type="checkbox" id="r-db" class="reg"><label for="db">华北</label></dt> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-11" class="prov"><label for="r-1816">北京</label> <a class="unfold" href="javascript:;" target="_self" for="r-11"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-1101"><label for="r-1101">北京市</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-12" class="prov"><label for="r-1816">天津</label> <a class="unfold" href="javascript:;" target="_self" for="r-12"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-1201"><label for="r-1201">天津市</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-13" class="prov"><label for="r-1816">河北</label> <a class="unfold" href="javascript:;" target="_self" for="r-13"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-1301"><label for="r-1301">石家庄市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1302"><label for="r-1302">唐山市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1303"><label for="r-1303">秦皇岛市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1304"><label for="r-1304">邯郸市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1305"><label for="r-1305">邢台市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1306"><label for="r-1306">保定市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1307"><label for="r-1307">张家口市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1308"><label for="r-1308">承德市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1309"><label for="r-1309">沧州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1310"><label for="r-1310">廊坊市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1311"><label for="r-1311">衡水市</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-14" class="prov"><label for="r-1816">山西</label> <a class="unfold" href="javascript:;" target="_self" for="r-14"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-1401"><label for="r-1401">太原市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1402"><label for="r-1402">大同市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1403"><label for="r-1403">阳泉市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1404"><label for="r-1404">长治市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1405"><label for="r-1405">晋城市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1406"><label for="r-1406">朔州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1407"><label for="r-1407">晋中市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1408"><label for="r-1408">运城市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1409"><label for="r-1409">忻州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1410"><label for="r-1410">临汾市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1411"><label for="r-1411">吕梁市</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-15" class="prov"><label for="r-1816">内蒙古</label> <a class="unfold" href="javascript:;" target="_self" for="r-15"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-1501"><label for="r-1501">呼和浩特市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1502"><label for="r-1502">包头市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1503"><label for="r-1503">乌海市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1504"><label for="r-1504">赤峰市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1505"><label for="r-1505">通辽市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1506"><label for="r-1506">鄂尔多斯市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1507"><label for="r-1507">呼伦贝尔市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1508"><label for="r-1508">巴彦淖尔市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1509"><label for="r-1509">乌兰察布市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1522"><label for="r-1522">兴安盟</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1525"><label for="r-1525">锡林郭勒盟</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-1529"><label for="r-1529">阿拉善盟</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-37" class="prov"><label for="r-1816">山东</label> <a class="unfold" href="javascript:;" target="_self" for="r-37"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-3701"><label for="r-3701">济南市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3702"><label for="r-3702">青岛市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3703"><label for="r-3703">淄博市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3704"><label for="r-3704">枣庄市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3705"><label for="r-3705">东营市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3706"><label for="r-3706">烟台市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3707"><label for="r-3707">潍坊市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3708"><label for="r-3708">济宁市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3709"><label for="r-3709">泰安市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3710"><label for="r-3710">威海市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3711"><label for="r-3711">日照市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3712"><label for="r-3712">莱芜市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3713"><label for="r-3713">临沂市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3714"><label for="r-3714">德州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3715"><label for="r-3715">聊城市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3716"><label for="r-3716">滨州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3717"><label for="r-3717">菏泽市</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> </dl> </li>
<li> <dl> <dt data-info="dt"><input type="checkbox" id="r-db" class="reg"><label for="db">华中</label></dt> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-41" class="prov"><label for="r-1816">河南</label> <a class="unfold" href="javascript:;" target="_self" for="r-41"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-4101"><label for="r-4101">郑州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4102"><label for="r-4102">开封市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4103"><label for="r-4103">洛阳市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4104"><label for="r-4104">平顶山市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4105"><label for="r-4105">安阳市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4106"><label for="r-4106">鹤壁市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4107"><label for="r-4107">新乡市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4108"><label for="r-4108">焦作市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4109"><label for="r-4109">濮阳市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4110"><label for="r-4110">许昌市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4111"><label for="r-4111">漯河市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4112"><label for="r-4112">三门峡市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4113"><label for="r-4113">南阳市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4114"><label for="r-4114">商丘市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4115"><label for="r-4115">信阳市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4116"><label for="r-4116">周口市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4117"><label for="r-4117">驻马店市</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-42" class="prov"><label for="r-1816">湖北</label> <a class="unfold" href="javascript:;" target="_self" for="r-42"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-4201"><label for="r-4201">武汉市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4202"><label for="r-4202">黄石市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4203"><label for="r-4203">十堰市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4205"><label for="r-4205">宜昌市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4206"><label for="r-4206">襄阳市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4207"><label for="r-4207">鄂州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4208"><label for="r-4208">荆门市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4209"><label for="r-4209">孝感市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4210"><label for="r-4210">荆州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4211"><label for="r-4211">黄冈市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4212"><label for="r-4212">咸宁市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4213"><label for="r-4213">随州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4228"><label for="r-4228">恩施</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-43" class="prov"><label for="r-1816">湖南</label> <a class="unfold" href="javascript:;" target="_self" for="r-43"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-4301"><label for="r-4301">长沙市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4302"><label for="r-4302">株洲市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4303"><label for="r-4303">湘潭市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4304"><label for="r-4304">衡阳市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4305"><label for="r-4305">邵阳市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4306"><label for="r-4306">岳阳市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4307"><label for="r-4307">常德市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4308"><label for="r-4308">张家界市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4309"><label for="r-4309">益阳市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4310"><label for="r-4310">郴州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4311"><label for="r-4311">永州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4312"><label for="r-4312">怀化市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4313"><label for="r-4313">娄底市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4331"><label for="r-4331">湘西</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> </dl> </li>
<li> <dl> <dt data-info="dt"><input type="checkbox" id="r-db" class="reg"><label for="db">华南</label></dt> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-44" class="prov"><label for="r-1816">广东</label> <a class="unfold" href="javascript:;" target="_self" for="r-44"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-4401"><label for="r-4401">广州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4402"><label for="r-4402">韶关市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4403"><label for="r-4403">深圳市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4404"><label for="r-4404">珠海市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4405"><label for="r-4405">汕头市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4406"><label for="r-4406">佛山市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4407"><label for="r-4407">江门市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4408"><label for="r-4408">湛江市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4409"><label for="r-4409">茂名市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4412"><label for="r-4412">肇庆市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4413"><label for="r-4413">惠州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4414"><label for="r-4414">梅州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4415"><label for="r-4415">汕尾市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4416"><label for="r-4416">河源市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4417"><label for="r-4417">阳江市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4418"><label for="r-4418">清远市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4419"><label for="r-4419">东莞市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4420"><label for="r-4420">中山市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4451"><label for="r-4451">潮州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4452"><label for="r-4452">揭阳市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4453"><label for="r-4453">云浮市</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-45" class="prov"><label for="r-1816">广西</label> <a class="unfold" href="javascript:;" target="_self" for="r-45"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-4501"><label for="r-4501">南宁市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4502"><label for="r-4502">柳州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4503"><label for="r-4503">桂林市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4504"><label for="r-4504">梧州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4505"><label for="r-4505">北海市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4506"><label for="r-4506">防城港市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4507"><label for="r-4507">钦州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4508"><label for="r-4508">贵港市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4509"><label for="r-4509">玉林市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4510"><label for="r-4510">百色市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4511"><label for="r-4511">贺州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4512"><label for="r-4512">河池市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4513"><label for="r-4513">来宾市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4514"><label for="r-4514">崇左市</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-46" class="prov"><label for="r-1816">海南</label> <a class="unfold" href="javascript:;" target="_self" for="r-46"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-4601"><label for="r-4601">海口市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-4602"><label for="r-4602">三亚市</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-35" class="prov"><label for="r-1816">福建</label> <a class="unfold" href="javascript:;" target="_self" for="r-35"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-3501"><label for="r-3501">福州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3502"><label for="r-3502">厦门市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3503"><label for="r-3503">莆田市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3504"><label for="r-3504">三明市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3505"><label for="r-3505">泉州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3506"><label for="r-3506">漳州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3507"><label for="r-3507">南平市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3508"><label for="r-3508">龙岩市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-3509"><label for="r-3509">宁德市</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> </dl> </li>
<li> <dl> <dt data-info="dt"><input type="checkbox" id="r-db" class="reg"><label for="db">东北</label></dt> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-21" class="prov"><label for="r-1816">辽宁</label> <a class="unfold" href="javascript:;" target="_self" for="r-21"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-2101"><label for="r-2101">沈阳市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2102"><label for="r-2102">大连市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2103"><label for="r-2103">鞍山市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2104"><label for="r-2104">抚顺市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2105"><label for="r-2105">本溪市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2106"><label for="r-2106">丹东市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2107"><label for="r-2107">锦州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2108"><label for="r-2108">营口市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2109"><label for="r-2109">阜新市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2110"><label for="r-2110">辽阳市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2111"><label for="r-2111">盘锦市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2112"><label for="r-2112">铁岭市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2113"><label for="r-2113">朝阳市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2114"><label for="r-2114">葫芦岛市</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-22" class="prov"><label for="r-1816">吉林</label> <a class="unfold" href="javascript:;" target="_self" for="r-22"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-2201"><label for="r-2201">长春市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2202"><label for="r-2202">吉林市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2203"><label for="r-2203">四平市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2204"><label for="r-2204">辽源市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2205"><label for="r-2205">通化市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2206"><label for="r-2206">白山市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2207"><label for="r-2207">松原市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2208"><label for="r-2208">白城市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2224"><label for="r-2224">延边</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-23" class="prov"><label for="r-1816">黑龙江</label> <a class="unfold" href="javascript:;" target="_self" for="r-23"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-2301"><label for="r-2301">哈尔滨市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2302"><label for="r-2302">齐齐哈尔市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2303"><label for="r-2303">鸡西市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2304"><label for="r-2304">鹤岗市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2305"><label for="r-2305">双鸭山市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2306"><label for="r-2306">大庆市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2307"><label for="r-2307">伊春市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2308"><label for="r-2308">佳木斯市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2309"><label for="r-2309">七台河市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2310"><label for="r-2310">牡丹江市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2311"><label for="r-2311">黑河市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2312"><label for="r-2312">绥化市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-2327"><label for="r-2327">大兴安岭地区</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> </dl> </li>
<li> <dl> <dt data-info="dt"><input type="checkbox" id="r-db" class="reg"><label for="db">西北</label></dt> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-61" class="prov"><label for="r-1816">陕西</label> <a class="unfold" href="javascript:;" target="_self" for="r-61"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-6101"><label for="r-6101">西安市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6102"><label for="r-6102">铜川市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6103"><label for="r-6103">宝鸡市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6104"><label for="r-6104">咸阳市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6105"><label for="r-6105">渭南市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6106"><label for="r-6106">延安市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6107"><label for="r-6107">汉中市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6108"><label for="r-6108">榆林市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6109"><label for="r-6109">安康市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6110"><label for="r-6110">商洛市</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-62" class="prov"><label for="r-1816">甘肃</label> <a class="unfold" href="javascript:;" target="_self" for="r-62"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-6201"><label for="r-6201">兰州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6202"><label for="r-6202">嘉峪关市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6203"><label for="r-6203">金昌市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6204"><label for="r-6204">白银市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6205"><label for="r-6205">天水市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6206"><label for="r-6206">武威市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6207"><label for="r-6207">张掖市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6208"><label for="r-6208">平凉市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6209"><label for="r-6209">酒泉市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6210"><label for="r-6210">庆阳市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6211"><label for="r-6211">定西市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6212"><label for="r-6212">陇南市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6229"><label for="r-6229">临夏</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6230"><label for="r-6230">甘南</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-63" class="prov"><label for="r-1816">青海</label> <a class="unfold" href="javascript:;" target="_self" for="r-63"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-6301"><label for="r-6301">西宁市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6321"><label for="r-6321">海东地区</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6322"><label for="r-6322">海北</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6323"><label for="r-6323">黄南</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6325"><label for="r-6325">海南</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6326"><label for="r-6326">果洛</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6327"><label for="r-6327">玉树</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6328"><label for="r-6328">海西</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-64" class="prov"><label for="r-1816">宁夏</label> <a class="unfold" href="javascript:;" target="_self" for="r-64"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-6401"><label for="r-6401">银川市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6402"><label for="r-6402">石嘴山市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6403"><label for="r-6403">吴忠市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6404"><label for="r-6404">固原市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6405"><label for="r-6405">中卫市</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-65" class="prov"><label for="r-1816">新疆</label> <a class="unfold" href="javascript:;" target="_self" for="r-65"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-6501"><label for="r-6501">乌鲁木齐市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6502"><label for="r-6502">克拉玛依市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6521"><label for="r-6521">吐鲁番地区</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6522"><label for="r-6522">哈密地区</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6523"><label for="r-6523">昌吉</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6527"><label for="r-6527">博尔塔拉</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6528"><label for="r-6528">巴音郭楞</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6529"><label for="r-6529">阿克苏地区</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6530"><label for="r-6530">克孜勒苏</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6531"><label for="r-6531">喀什地区</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6532"><label for="r-6532">和田地区</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6540"><label for="r-6540">伊犁</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6542"><label for="r-6542">塔城地区</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-6543"><label for="r-6543">阿勒泰地区</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> </dl> </li>
<li> <dl> <dt data-info="dt"><input type="checkbox" id="r-db" class="reg"><label for="db">西南</label></dt> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-50" class="prov"><label for="r-1816">重庆</label> <a class="unfold" href="javascript:;" target="_self" for="r-50"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-5001"><label for="r-5001">重庆市</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-51" class="prov"><label for="r-1816">四川</label> <a class="unfold" href="javascript:;" target="_self" for="r-51"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-5101"><label for="r-5101">成都市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5103"><label for="r-5103">自贡市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5104"><label for="r-5104">攀枝花市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5105"><label for="r-5105">泸州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5106"><label for="r-5106">德阳市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5107"><label for="r-5107">绵阳市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5108"><label for="r-5108">广元市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5109"><label for="r-5109">遂宁市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5110"><label for="r-5110">内江市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5111"><label for="r-5111">乐山市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5113"><label for="r-5113">南充市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5114"><label for="r-5114">眉山市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5115"><label for="r-5115">宜宾市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5116"><label for="r-5116">广安市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5117"><label for="r-5117">达州市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5118"><label for="r-5118">雅安市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5119"><label for="r-5119">巴中市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5120"><label for="r-5120">资阳市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5132"><label for="r-5132">阿坝</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5133"><label for="r-5133">甘孜</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5134"><label for="r-5134">凉山</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-52" class="prov"><label for="r-1816">贵州</label> <a class="unfold" href="javascript:;" target="_self" for="r-52"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-5201"><label for="r-5201">贵阳市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5202"><label for="r-5202">六盘水市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5203"><label for="r-5203">遵义市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5204"><label for="r-5204">安顺市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5223"><label for="r-5223">黔西南</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5226"><label for="r-5226">黔东南</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5227"><label for="r-5227">黔南</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-53" class="prov"><label for="r-1816">云南</label> <a class="unfold" href="javascript:;" target="_self" for="r-53"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-5301"><label for="r-5301">昆明市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5303"><label for="r-5303">曲靖市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5304"><label for="r-5304">玉溪市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5305"><label for="r-5305">保山市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5306"><label for="r-5306">昭通市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5307"><label for="r-5307">丽江市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5308"><label for="r-5308">普洱市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5309"><label for="r-5309">临沧市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5323"><label for="r-5323">楚雄</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5325"><label for="r-5325">红河</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5326"><label for="r-5326">文山</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5328"><label for="r-5328">西双版纳</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5329"><label for="r-5329">大理</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5331"><label for="r-5331">德宏</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5333"><label for="r-5333">怒江</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5334"><label for="r-5334">迪庆</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-54" class="prov"><label for="r-1816">西藏</label> <a class="unfold" href="javascript:;" target="_self" for="r-54"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-5401"><label for="r-5401">拉萨市</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5421"><label for="r-5421">昌都地区</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5422"><label for="r-5422">山南地区</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5423"><label for="r-5423">日喀则地区</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5424"><label for="r-5424">那曲地区</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5425"><label for="r-5425">阿里地区</label></li> <li data-info="cit" class="cit"><input type="checkbox" id="r-5426"><label for="r-5426">林芝地区</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> </dl> </li>
<li> <dl> <dt data-info="dt"><input type="checkbox" id="r-db" class="reg"><label for="db">港澳台</label></dt> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-71" class="prov"><label for="r-1816">台湾</label> <a class="unfold" href="javascript:;" target="_self" for="r-71"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-7101"><label for="r-7101">台湾省</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-81" class="prov"><label for="r-1816">香港</label> <a class="unfold" href="javascript:;" target="_self" for="r-81"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-8101"><label for="r-8101">香港特别行政区</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> <dd data-info="dd"> <input type="checkbox" haschild="0" id="r-82" class="prov"><label for="r-1816">澳门</label> <a class="unfold" href="javascript:;" target="_self" for="r-82"></a> <div class="city"> <i class="line"></i> <ul> <li data-info="cit" class="cit"><input type="checkbox" id="r-8201"><label for="r-8201">澳门特别行政区</label></li> </ul> <div class="o"> <a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span> </a> </div> </div> </dd> </dl> </li>
<li> <dl> <dt data-info="dt"><input type="checkbox" id="c-all" class="reg"><label for="db">全部</label></dt> </dl> </li> </ul> </div> <div class="o"> <a class="fui-btn go-ico-del" action="cancel"></a> </div> </div> </div></div><script type="text/javascript"> $(‘#region-btn,.region-select‘).click(function() { $(‘.region-wrapper‘).show(); $(‘.cont input‘).click(function() { var input = $(‘.cont input‘); var _this = $(this); // 遍历所有 dt if (_this.parent().attr(‘data-info‘) == "dt") { if (_this.attr(‘id‘) == ‘c-all‘) { if (_this.prop(‘checked‘)) { $(‘.cont input‘).prop(‘checked‘, true); } else { $(‘.cont input‘).prop(‘checked‘, false); } } var dd = _this.parent().siblings(‘dd‘); if (_this.prop(‘checked‘)) { dd.find(‘input‘).prop(‘checked‘, true); } else { dd.find(‘input‘).prop(‘checked‘, false); } } // 遍历所有 dd if (_this.parent().attr(‘data-info‘) == "dd") { if (_this.prop(‘checked‘)) { _this.siblings(‘.city‘).find(‘input‘).prop(‘checked‘, 1); } else { _this.attr(‘hasChild‘, 0); _this.siblings(‘.city‘).find(‘input‘).prop(‘checked‘, 0); } } attrtext(); } ); // city 下拉按钮 $(‘.cont .unfold‘).click(function() { var _this = $(this); $(‘.cont dd‘).removeClass(‘light‘); $(‘.cont .city‘).hide(); _this.parent(‘dd‘).toggleClass(‘light‘); _this.siblings(‘.city‘).toggle(); } ); // city close btn $(‘.city .o .btn-a2‘).click(function() { var _this = $(this); _this.parents(‘.city‘).hide(); _this.parents("dd[data-info=‘dd‘]").removeClass(‘light‘); } ); $(‘.r-b .o .fui-btn‘).click(function() { $(‘.region-wrapper‘).hide(); } ); // 城市选择 $(‘.city input‘).click(function() { var _this = $(this); var city_len = _this.parents(‘ul‘).first().children().length; var _thisInput = _this.parents(‘ul‘).eq(0).find(‘input‘); var txt; var t = []; // 首先遍历 var $num = 0; for (var i = 0; i < city_len; i++) { if (_thisInput.eq(i).prop(‘checked‘)) { txt = _thisInput.siblings(‘label‘).eq(i).text(); t.push(txt); // _this.parents("dd[data-info=‘dd‘]").attr(‘level2‘,‘I-in‘); $num++; } } if ($num == city_len) { _this.parents(‘ul‘).first().parent().siblings(‘input‘).prop(‘checked‘, true); } else { _this.parents(‘ul‘).first().parent().siblings(‘input‘).prop(‘checked‘, false); } _this.parents(‘ul‘).first().parent().siblings(‘input‘).attr(‘hasChild‘, $num); attrtext();
} );
function attrtext() { var level2 = $(‘.cont dd input‘).parent(‘dd‘); var str1 = ""; var str2 = ""; var id1 = ""; var id2 = ""; var idarray = []; var showjsonstr = ""; $(‘.region-select .item .region_val‘).val(""); for (var i = 0; i < level2.length; i++) { if (level2.children(‘input‘).eq(i).prop(‘checked‘) == true) { str1 += str1 ? ‘,‘ + level2.children(‘input‘).eq(i).siblings(‘label‘).text() : level2.children(‘input‘).eq(i).siblings(‘label‘).text(); var idreal = level2.children(‘input‘).eq(i).attr(‘id‘); var iduse = idreal.substr(2, idreal.length); id1 += id1 ? ‘,‘ + iduse : iduse; showjsonstr += showjsonstr ? "," + ‘"‘ + iduse + ‘":[]‘ : ‘"‘ + iduse + ‘":[]‘; idarray[iduse] = []; //idarray.push(iduse); } else if (parseInt(level2.eq(i).children(‘input‘).attr(‘hasChild‘)) > 0) { var childLi = level2.eq(i).find(‘.city‘).children(‘ul‘).children(‘li‘); var str3 = ""; var id3 = ""; var adduseid = level2.children(‘input‘).eq(i).attr(‘id‘); var addiduse = adduseid.substr(2, adduseid.length); var level3id = []; var $use = 0; idarray[addiduse] = []; //idarray.push(addiduse); var level3jsonvar = ""; for (var j = 0; j < childLi.length; j++) { if (childLi.eq(j).children(‘input‘).prop(‘checked‘) == true) { str3 += str3 ? ‘,‘ + childLi.eq(j).find(‘label‘).text() : childLi.eq(j).find(‘label‘).text(); var idreal3 = childLi.eq(j).find(‘input‘).attr(‘id‘); var iduse3 = idreal3.substr(2, idreal3.length); id3 += id3 ? ‘,‘ + iduse3 : iduse3; level3jsonvar += level3jsonvar ? "," + ‘"‘ + iduse3 + ‘"‘ : ‘"‘ + iduse3 + ‘"‘; level3id[$use] = iduse3; $use++; } } //idarray[addiduse]=level3id; var $pro = level2.children(‘input‘).eq(i).siblings(‘label‘).text(); var $id = level2.children(‘input‘).eq(i).attr(‘id‘); var level3jsonvar = level3jsonvar ? ‘[‘ + level3jsonvar + ‘]‘ : ""; showjsonstr += showjsonstr ? "," + ‘"‘ + addiduse + ‘":‘ + level3jsonvar : ‘"‘ + addiduse + ‘":‘ + level3jsonvar; str2 += str2 ? ‘,‘ + $pro + "(" + str3 + ")" : $pro + "(" + str3 + ")"; id2 += id2 ? ‘,‘ + addiduse + "(" + id3 + ")" : addiduse + "(" + id3 + ")"; } } showjsonstr = showjsonstr ? "{" + showjsonstr + "}" : ""; var alltsr = str1 && str2 ? str1 + "," + str2 : str1 + str2; var allid = id1 && id2 ? id1 + "," + id2 : id1 + id2; $(‘.region-select li span‘).text(alltsr); $(‘.region-select .item .region_val‘).val(showjsonstr); fixHeight(); } function fixHeight() { var fixH = $(‘.region-select‘).innerHeight(); $(‘.region-wrapper‘).css({ ‘top‘: fixH }); }
} );</script></body></html>
时间： 2024-08-10 08:37:01