城市三级联动的json文件

最新推荐文章于 2024-08-15 10:10:25 发布

Bender_hu

最新推荐文章于 2024-08-15 10:10:25 发布

阅读量388

点赞数 1

本文链接：https://blog.csdn.net/hutao2333/article/details/108702571

版权

本文介绍如何设计用于实现城市三级联动效果的JSON文件。内容涵盖如何组织省级、市级、区县级的数据结构，以及如何利用这些数据在前端进行交互和筛选，实现流畅的城市选择体验。

摘要由CSDN通过智能技术生成

[{
   
		"code" : "110000",
		"name" : "北京市",
		"children" : [{
   
				"code" : "110100",
				"name" : "市辖区",
				"children" : [{
   
						"code" : "110101",
						"name" : "东城区"
					}, {
   
						"code" : "110102",
						"name" : "西城区"
					}, {
   
						"code" : "110105",
						"name" : "朝阳区"
					}, {
   
						"code" : "110106",
						"name" : "丰台区"
					}, {
   
						"code" : "110107",
						"name" : "石景山区"
					}, {
   
						"code" : "110108",
						"name" : "海淀区"
					}, {
   
						"code" : "110109",
						"name" : "门头沟区"
					}, {
   
						"code" : "110111",
						"name" : "房山区"
					}, {
   
						"code" : "110112",
						"name" : "通州区"
					}, {
   
						"code" : "110113",
						"name" : "顺义区"
					}, {
   
						"code" : "110114",
						"name" : "昌平区"
					}, {
   
						"code" : "110115",
						"name" : "大兴区"
					}, {
   
						"code" : "110116",
						"name" : "怀柔区"
					}, {
   
						"code" : "110117",
						"name" : "平谷区"
					}, {
   
						"code" : "110118",
						"name" : "密云区"
					}, {
   
						"code" : "110119",
						"name" : "延庆区"
					}
				]
			}
		]
	}, {
   
		"code" : "120000",
		"name" : "天津市",
		"children" : [{
   
				"code" : "120100",
				"name" : "市辖区",
				"children" : [{
   
						"code" : "120101",
						"name" : "和平区"
					}, {
   
						"code" : "120102",
						"name" : "河东区"
					}, {
   
						"code" : "120103",
						"name" : "河西区"
					}, {
   
						"code" : "120104",
						"name" : "南开区"
					}, {
   
						"code" : "120105",
						"name" : "河北区"
					}, {
   
						"code" : "120106",
						"name" : "红桥区"
					}, {
   
						"code" : "120110",
						"name" : "东丽区"
					}, {
   
						"code" : "120111",
						"name" : "西青区"
					}, {
   
						"code" : "120112",
						"name" : "津南区"
					}, {
   
						"code" : "120113",
						"name" : "北辰区"
					}, {
   
						"code" : "120114",
						"name" : "武清区"
					}, {
   
						"code" : "120115",
						"name" : "宝坻区"
					}, {
   
						"code" : "120116",
						"name" : "滨海新区"
					}, {
   
						"code" : "120117",
						"name" : "宁河区"
					}, {
   
						"code" : "120118",
						"name" : "静海区"
					}, {
   
						"code" : "120119",
						"name" : "蓟州区"
					}
				]
			}
		]
	}, {
   
				"code" : "632600",
				"name" : "果洛藏族自治州",
				"children" : [{
   
						"code" : "632621",
						"name" : "玛沁县"
					}, {
   
						"code" : "632622",
						"name" : "班玛县"
					}, {
   
						"code" : "632623",
						"name" : "甘德县"
					}, {
   
						"code" : "632624",
						"name" : "达日县"
					}, {
   
						"code" : "632625",
						"name" : "久治县"
					}, {
   
						"code" : "632626",
						"name"