iTakeo

选择城市组件2

又是一个城市选择组件,之前有个模拟京东的(点击这里查看)。

同样支持无限级,只需在地区json里面添加数据即可,兼容IE7,另外针对移动端也做了一点兼容。

  1. //调用,回调函数返回的是选择的地区  
  2. chooseMap(function(str){  
  3.     alert(str)  
  4. });  

html结构没有写进js里面。需要写入页面中,复制如下代码:

  1. <div class=“choosebg”></div>  
  2. <div class=“pop_location”>  
  3.     <h1><em id=“back”> &lt; </em><span id=“mapName”>选择城市</span> </h1>  
  4.     <div class=“location_lsit” id=“mapWrap”>  
  5.            
  6.     </div>  
  7.     <div class=“btns”>  
  8.         <a href=“javascript:;” class=“cacle”>取消</a>  
  9.         <a href=“javascript:;” class=“choose” id=“choose”>确定</a>  
  10.     </div>  
  11. </div>  

下面是演示例子:

选择城市

点击这里下载Demo

< 选择城市



2015/10/13 0 / /
标签:  暂无标签

验证码: 6 + 9 =

回到顶部