Address全国行政区域JSON数据
全国行政区域的完整地址数据,带 id
的结构化 JSON 文件,省市县三级全都覆盖,挺适合做级联选择那种场景。前端用着顺手,移动端也能直接上。你要是做过省市县联动,应该知道,最麻烦的不是写逻辑,而是找一份靠谱的数据。这份 address.json
就挺省事的,结构清晰,响应也快,直接拿来用就行。
用 jQuery 做三级联动也挺,像:$('#province').change(function(){...})
,数据直接从这份 JSON 里读就好。页面加载的时候按层级渲染,选省带市、选市带县,逻辑直观。再配上点小动画,用户体验也还不错。
如果你用的是 Vue 或 React,也能轻松集成进去。比如写个省市县的 select
组件,props 里传 address.json
数据就完事。可以动态计算子级列表,也能结合 v-model
或 useState
做响应式绑定。
哦对了,网上其实有不少相关的实现,像 省市县三级联动 这种文章,讲得也挺细的。还有 基于 JSON+HTML+jQuery 的例子,你可以参考下页面逻辑。
提醒一句,如果你打算在移动端上搞滑动联动,可以看看 Android 的滑动组件,体验上比点选要顺手。如果你只想要纯数据,这个 zip 包也蛮方便。
,这份 address.json
文件,前端常用、兼容性强,做联动控件、表单选择都蛮适合。你要是经常行政区划选择,那它基本可以常驻你项目素材库了。
378.47KB
文件大小:
评论区