城市三级、四级联动插件

所属分类:输入-选择框

 32634  337  查看评论 (6)
分享到微信朋友圈
X
城市三级、四级联动插件 ie兼容10

更新时间:2017/9/12 上午9:57:34

更新说明:修复了第二级联动不展示的问题


调用方法:

$(selector).citys(options,callback);

options参数

参数默认值说明
dataUrl[数据库地址]

最新数据库(2017年5月):JSON格式JSONP格式

数据库项目:中国行政区划(省、市、区、街道)

dataType'json'

数据库类型:'json'或'jsonp'

IE9-由于默认安全设置,需开启“通过域访问数据源”才能跨域访问json,此类情况建议使用jsonp格式

provinceField'province'省份(省级)字段名
cityField'city'城市(地级)字段名
areaField'area'地区(县区级)字段名
valueType'code'下拉框值的类型,code行政区划代码,name地名
code0地区编码
province[无]省份(省级),可以为地区编码或者名称
city[无]城市(地级),可以为地区编码或者名称
area[无]地区(县区级),可以为地区编码或者名称
requiredtrue是否必须选中(是否自动选择地区)
nodata'hidden'当无数据时的表现形式:'hidden'隐藏,'disabled'禁用,为空不做任何处理
onChange[无]地区切换时触发,回调函数传入地区信息:direct是否为直辖市,province省份(省级)名称,city城市(地级)名称,area地区(县区级)名称,code地区编码

callback(api)参数

方法说明
getInfo(data)获取当前选中的地区信息:direct是否为直辖市,province省份(省级)名称,city城市(地级)名称,area地区(县区级)名称,code地区编码
相关插件-选择框

移动端城市选择

实现移动端无需选择省份,即可选择城市
  选择框
 39937  353

jQuery联动下拉菜单

一款简单实用的联动下拉菜单,第一的条件未选择的情况下无法选择第二个,以此类推
  选择框
 43388  347

jquery城市选择

使用jquery简单制作的城市选择,学起来很简单,功能还不够完善。
  选择框
 40952  336

聚焦input框,显示下拉框(原创!!)

鼠标聚焦input框,之接显示下拉内容,点击输入框以外的地方因关闭下拉框。
  选择框
 32791  314

讨论这个项目(6)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    hh1996620 0
    2018/3/26 18:17:00
    ζ??????°Se7en 0
    2017/8/21 16:44:19

    如果我点山西  他出现太原  但是后面他就不跟着出了,必须得我点个太原同级的 他才会出来 

        水饺0
        2017/9/11 17:16:22

        是啊,可惜有个bug

        掉鏈自行車0
        2017/9/12 9:56:18

        这个平台用的是旧版本的,官网的新版本已经修复

    回复
    栀? 0
    2017/6/21 18:01:59

    大腿,跪求town所有json包

        掉鏈自行車0
        2017/7/4 7:58:02

        github有啊

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复