jQueryDistpicker省市区联动插件
省市区联动的利器——jQueryDistpicker插件，算是前端开发里这块功能比较顺手的一种方案了。是做面向国内用户的项目，像地址填写、注册信息那种表单页面，基本都会碰到这种需求。
自带全国完整数据是它的一大亮点，不用你自己维护 JSON，也不用连后端查库，直接引入就能跑，响应也快。搭配 jQuery 用起来顺，写两行代码就能把三级联动拉起来，连后台都可以省了。
初始化方式也直接，页面放三个 <select>，通过 $('#province').distpicker() 一初始化就生效了。你还可以传默认值，比如“北京市”、“海淀区”，用户体验更贴心。
它也支持监听事件，像 $('#province').on('change') 这样，你可以加点逻辑，比如动态更新下级表单或联动其他业务逻辑，还是蛮灵活的。
如果你项目 UI 用了 Bootstrap，那配合起来更好看。样式天然契合，改起来也方便。样式文件和 .js 文件都可以直接拉 CDN 用，打包进项目也 OK。
，jQueryDistpicker是一个比较省心的选择，尤其适合轻量化需求或者原型阶段。如果你不想自己搞一套城市库，又想快速上线，不妨试试它。
相关资料你也可以看看这些：
文件大小：59.35KB
评论区