jQuery省市区三级联动表单提交
省市区的三级联动表单，配合 jQuery 做起来其实挺顺的。这套方案写得比较清楚，基本就是三个 标签配上级联逻辑，选了省，市的列表就自动变，选市区也跟着更新。响应也快，用户体验还不错。
用的是本地数据或者异步加载都行，数据量不大可以直接前端搞定。如果你项目需要动态更新区域信息，后端接口配合下就更灵活了。代码也挺干净的，没有太多依赖，适合新项目直接嵌进去。
顺带一提，它兼容性还挺好，IE11 以上的浏览器都能跑，移动端也能自适应，用在微信页面或者小程序 web-view 里也合适。你要是用过 select2 插件，也可以参考下第 4 个链接，样式更丰富。
要注意的是，数据结构要规范，比如省市区的 id 和 pid 对应关系别弄错了。你要是用 JSON 格式数据，可以在页面初始化时用 $.each 一次性绑定好。
想试试可以从这里下：
如果你表单里还有其他字段，比如街道或门牌号，建议放在一个 select 后面，保持流程顺畅。用在注册、地址填写、配送等场景都挺合适。
下载地址
用户评论
