jQuery省市区三级四级联动演示
省市区联动的地址选择功能，真的是表单里出镜率高的一块，尤其是做注册、下单那类业务场景，用户选地址基本都是标配了。
jQuery 搞三级、四级联动，还是蛮顺手的。数据结构简单明了，一个多层嵌套的对象就能搞定，监听每级的change事件，后面用append()一把梭地填下一级的选项。响应也快，代码也清晰，适合想快速落地功能的场景。
像这种：用户选了“北京”，后面的“海淀”跟着出来，再选“海淀”之后，街道列表也动态出来。完全不需要手动去敲一堆地址，体验好不少。你可以给每一层一个，再配上初始加载逻辑，基本就跑起来了。
如果数据比较大，还可以用异步加载的方式来优化，前面配个“加载中”提示，后面用$.ajax()拉数据，用户操作感受会更流畅。别忘了加点错误提示，不然数据没拉到用户一脸懵就尴尬了。
有兴趣的可以看看这个jQuery 省市区联动的例子，结构清楚，逻辑也比较完整。如果你做 Web 表单，挺值得借鉴的。
下载地址
用户评论
