jQuery城市二级联动(原创)

所属分类:输入-选择框

 12645  167  查看评论 (0)
分享到微信朋友圈
X
jQuery城市二级联动(原创) ie兼容9

注:因加载外部json数据,需要在服务端预览,本地预览会有跨域问题!

更新时间:2020-03-29 23:48:39

思路:

通过后端传值,get到省,城市数据,然后遍历出来;通过写好的事件分批去调用

这个组件是初步封装,属于不完全封装,后期会优化

说一下主要的地方

函数采用的是对象方式去封装的,目前我只会这类型,如果在座的老哥有更好的方式可以发邮件联系我:1327910276@qq.com,有其他的优化方式,或者需求可以一起跟我完善,欢迎欢迎。

主要注意事件冒泡,里面部分点击事件加了阻止冒泡事件

建立一个对象,对象里面写函数方法,然后去调用对象里面的函数方法,

里面的步骤我都加了注释,如果大家有不懂的地方,可以去采用打断点或者注释代码的方式去查看对应的函数事件

相关插件-选择框

jQuery多选带搜索

input多选搜索样式用的layui.css不喜欢的可自己调。其他JQ
  选择框
 34324  323

双向选择表格(支持IE8及以上)

双向选择表格,支持自定义查询条件(支持下拉框)、自定义表头和数据格式(表格支持链接)、单选全选、选择事件、动态修改数据等功能,具体可以查看示例
  选择框
 19019  197

jQuery双列表左右切换选择

左右切换选择,多项选择,并可以回到原始位置而不是向下或向上累加,超出出现滚动条
  选择框
 37907  372

仿京东地区选择

仿京东地区选择3级联动,城市选择器.
  选择框
 92234  479

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

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