MUI城市选择Demo
mui 的城市选择组件，挺适合移动端用的，是做中国地区三级联动（省市区）那种需求时。
页面结构是用 HTML 搭的，样式交给 mui 自带的 CSS 就好，统一风格省事。交互逻辑主要靠 JavaScript 搞定，用 mui 的事件 API 绑定一下就行，响应也快。
核心的数据放在一个叫CityList的文件里，一般是 JSON 格式的，省市区都分得清清楚楚。你可以根据自己项目范围删减一下城市列表，或者接个接口动态拉数据也行。
实现上是用 mui 的下拉选择器来做的，每选一项就自动刷新下一级，比如你选了“广东”，就能选“深圳”和“南山区”。交互流畅，用户体验也还不错。
要跑这个 Demo，注意几点：用支持 HTML5 的浏览器，最好用 HTTP 服务访问（别直接点开 HTML 文件），还有就是手机浏览器打开更贴合实际场景。
项目中要集成的话，记得引 mui 的mui.min.css和mui.min.js，在页面里加上城市选择器对应的 DOM 结构，再把事件逻辑写好。
整体来说，mui 城市选择 Demo挺实用的，适合移动端地理位置选择的场景。如果你项目里正好需要省市区三级联动，不妨参考一下它的实现方式，稍加改造就能直接用。
文件大小：48.89KB
评论区