jQuery城市二级联动(原创)

所属分类:输入-选择框

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

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

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

思路:

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

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

说一下主要的地方

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

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

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

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

相关插件-选择框

jQuery自定义下拉框插件dropdown.js

jquery.down.js用于替代原生,可自定义down的样式,支持键盘事件
  选择框
 30139  309

城市选择器,仿猎聘,支持多选,单选

城市选择器,仿猎聘,支持多选,单选
  选择框
 43302  421

CheckBox展现不同的状态(原创)

类似qq邮箱选中展现不同的状态,常用功能,简单实用。
  选择框
 22334  284

jQuery三级联动地区选择下拉插件

风格简洁大方,地区信息可以外部传入,地区信息使用按首字母归类排序
  选择框
 43318  403

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

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