jQuery城市二级联动(原创)

所属分类:输入-选择框

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

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

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

思路:

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

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

说一下主要的地方

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

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

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

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

相关插件-选择框

jQuery多级联动插件(单选多选)tntreebox插件

tntreebox实现多级联动一级单选二级三级多选
  选择框
 38558  337

自制小清新select插件

通过原生生成美化后的,分享给初学者
  选择框
 40560  385

移动端vue切换城市带自动定位

vue.js定位后 选择其他城市进行切换,适用移动端
  选择框
 29490  308

radio checkbox

利用css3技术,实现替代浏览器自带的radio checkbox功能。不用js技术,纯轻量级的。
  选择框
 32466  312

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

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