又是一个城市选择组件,之前有个模拟京东的(点击这里查看)。
同样支持无限级,只需在地区json里面添加数据即可,兼容IE7,另外针对移动端也做了一点兼容。
- //调用,回调函数返回的是选择的地区
- chooseMap(function(str){
- alert(str)
- });
html结构没有写进js里面。需要写入页面中,复制如下代码:
- <div class=“choosebg”></div>
- <div class=“pop_location”>
- <h1><em id=“back”> < </em><span id=“mapName”>选择城市</span> </h1>
- <div class=“location_lsit” id=“mapWrap”>
- </div>
- <div class=“btns”>
- <a href=“javascript:;” class=“cacle”>取消</a>
- <a href=“javascript:;” class=“choose” id=“choose”>确定</a>
- </div>
- </div>
下面是演示例子:
选择城市