首页>>表单>>Jquery自适应的地址选择框，省市县选择，一个页面多次调用(2018-10-05)

Jquery自适应的地址选择框，省市县选择，一个页面多次调用

Jquery自适应的地址选择框，省市县选择，一个页面多次调用
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="ui-form-item ui-border-b">  
  2.                     <label>单位地址</label>  
  3.                     <div class="ui-select">  
  4.                         <input id="expressArea" data-name="custUa" data-required="true" data-label="单位地址" placeholder="选择省市区" readonly style="padding-left:0;">  
  5.                     </div>  
  6.                     <div class="browser">  
  7.   
  8.                         <!--选择地区弹层-->  
  9.                         <section id="areaLayer" class="express-area-box">  
  10.                             <header>  
  11.                                 <h3>选择省市区</h3>  
  12.                                 <div class="selet-area-wrap">  
  13.                                     <p><span class="one"></span></p>  
  14.                                     <p><span class="two"></span></p>  
  15.                                     <p><span class="three"></span></p>  
  16.                                 </div>  
  17.                                 <div class="hot-city">  
  18.                                     <p>热门城市</p>  
  19.                                     <ul>  
  20.                                         <li onClick="selectPP(0,1)">北京</li>  
  21.                                         <li onClick="selectPP(10,1)">上海</li>  
  22.                                         <li onClick="quickselectC(18,0)">广州</li>  
  23.                                         <li onClick="quickselectC(18,1)">深圳</li>  
  24.                                         <li onClick="quickselectC(12,0)">杭州</li>  
  25.                                         <li onClick="quickselectC(11,0)">南京</li>  
  26.                                         <li onClick="quickselectC(11,4)">苏州</li>  
  27.                                         <li onClick="selectPP(1,1)">天津</li>  
  28.                                         <li onClick="quickselectC(16,0)">武汉</li>  
  29.                                         <li onClick="quickselectC(17,0)">长沙</li>  
  30.                                         <li onClick="selectPP(21,1)">重庆</li>  
  31.                                         <li onClick="quickselectC(22,0)">成都</li>  
  32.                                     </ul>  
  33.                                     <p>选择省份/地区</p>  
  34.                                 </div>  
  35.                                 <a id="backUp" class="back" href="javascript:void(0)" title="返回"></a>  
  36.                                 <a id="closeArea" class="close" href="javascript:void(0)" title="关闭"></a>  
  37.                             </header>  
  38.                             <article id="areaBox">  
  39.                                 <ul id="areaList" class="area-list"></ul>  
  40.                             </article>  
  41.                         </section>  
  42.                         <!--遮罩层-->  
  43.                         <div id="areaMask" class="mask"></div>  
  44.                     </div>  
  45.                 </div>  
  46.         <div class="ui-form-item ui-border-b">  
  47.                     <label>居住地址</label>  
  48.                     <div class="ui-select">  
  49.                         <input id="expressArea1" data-name="custRa" data-required="true" data-label="居住地址" placeholder="选择省市区" readonly style="padding-left:0;">  
  50.                     </div>  
  51.                 </div>  

 


原文地址:http://www.freejs.net/article_biaodan_699.html