JavaScript城市联动选择器
城市联动的城市选择控件,用得挺多的,尤其是在注册页、地址填写、地图服务这些场景里。这套用 JS 写的效果,逻辑比较清晰,做了省-市-区三级下拉联动,数据用的是标准的 JSON 格式,前端用 AJAX 异步加载,响应也快,体验还不错。
结构上就是传统的那种多个
你要是懒得自己撸一套,可以直接拿压缩包里的源码改一改。里面有index.html
示例页,也有样式和图片资源,拿来跑一下就能用,省事多了。
而且这个还加了点响应式设计,在手机上也能好好用。CSS 美化做得不复杂,改样式不费劲。要注意的就是,如果城市数据太大,建议你在前端加个缓存机制,不然老是求接口也挺占资源。
哦对了,考虑到无障碍性,ARIA 属性这些也要补上,别图快开发就忘了可访问性。实在不想全自己写,也有不少现成插件可以参考,像javascript 城市联动插件就还挺实用的。
,如果你正好要做一个城市选择的功能,这套代码还蛮适合拿来参考或直接上手的。你也可以看看这些相关文章:
如果你正想省点事,直接下载“texiao5917_1560681019
”压缩包看看吧,用起来蛮顺的。
下载地址
用户评论