JavaScript省市县三级联动菜单
省市县的三级联动菜单，挺常用的一种地址选择方式，尤其在用户注册、下单填写地址的时候方便。你点个省，就自动出市，再点市，再出县，响应也快，逻辑也清晰，体验还不错。
实现上也不复杂，前端三件套HTML、CSS和JavaScript就能搞定。标签建好结构，用点position: absolute加样式美化下，再靠 JS 监听onchange事件来动态更新下级菜单，操作起来挺顺手。
像你要做省市联动功能，建议提前把所有地区数据拉下来，放本地做缓存。这样不用每次点都去求接口，快不少，还省资源。用JSON格式管理数据比较直观，配合AJAX异步加载也蛮灵活的。
跨域求？可以用CORS或者老办法JSONP。不过现在基本前后端分离了，服务端配合下就行了。还有，别忘了做点异常，服务器没返回数据的时候，总不能页面空着不动吧？
样式方面可以参考下这些效果包，比如省市区三级联动菜单网页特效和javascript 省市县三级联动菜单，都比较清晰直观，动效顺滑。代码结构也干净，适合拿来直接用或者改着用。
如果你正在做个支持移动端的项目，那一定要考虑响应式，不然菜单在小屏上一挤就乱了。再加点无障碍支持，键盘操作、屏幕阅读器也能用，那就更专业了。
，三级联动这种交互，虽然是老套路，但做好了，用户体验还是挺加分的。如果你手上正好有类似需求，建议直接撸源码试试，像这个 JS 版本就还蛮实用的。
下载地址
用户评论
