JS城市三级联动菜单
城市选择的多级联动菜单，前端项目里还挺常用的，是表单多的时候，能省不少事。这个JS 城市联动菜单写得比较清爽，结构清晰，没啥多余代码，响应也快，用着还蛮顺手的。你只要引入 JS 文件，几个<select>标签就能联动起来，不用自己一层层写逻辑。
三级联动的逻辑挺常见，比如“省-市-区”这种需求，尤其做用户注册、地址选择这些页面。你要是用 Vue 或 React 也能参考它的思路，逻辑不复杂，挺适合拿来改造。
代码这块，城市数据是直接写在 JS 里的，不依赖后端接口，所以静态页面也能跑。你可以简单改改成异步加载的形式，比如用fetch拉城市 JSON，这样数据更灵活。
还有一个小建议，如果你页面里联动菜单不止一个，记得好<select>的id或name，不然容易冲突。它没封装成组件，适合喜欢原生 JS 控制的朋友。
相关的类似资源也可以看看：
如果你做后台管理系统或者 H5 表单页面，可以直接套用，调一调样式就行，省时省力。
文件大小：22.16KB
评论区