JavaScript 三级联动数据示例:省市区、省市县、省市镇
JavaScript 三级联动数据示例
以下是一些常用的 JavaScript 三级联动数据示例,分别对应省市区、省市县和省市镇三种类型。
1. 省市区三级联动数据
var provinceData = [
{
'name': '北京市',
'cities': [
{
'name': '北京市',
'areas': [
'东城区',
'西城区',
'朝阳区',
'丰台区',
'石景山区',
'海淀区',
'门头沟区',
'房山区',
'通州区',
'顺义区',
'昌平区',
'大兴区',
'怀柔区',
'平谷区',
'密云县',
'延庆县'
]
}
]
},
{
'name': '天津市',
'cities': [
{
'name': '天津市',
'areas': [
'和平区',
'河东区',
'河西区',
'南开区',
'河北区',
'红桥区',
'东丽区',
'西青区',
'津南区',
'北辰区',
'武清区',
'宝坻区',
'滨海新区',
'宁河县',
'静海县',
'蓟县'
]
}
]
},
{
'name': '河北省',
'cities': [
{
'name': '石家庄市',
'areas': [
'长安区',
'桥西区',
'新华区',
'井陉矿区',
'裕华区',
'藁城区',
'鹿泉区',
'栾城区',
'井陉县',
'正定县',
'行唐县',
'灵寿县',
'高邑县',
'深泽县',
'赞皇县',
'无极县',
'平山县',
'元氏县',
'赵县',
'辛集市',
'晋州市',
'新乐市'
]
}
]
},
// 省市区数据省略
];
2. 省市县三级联动数据
var provinceData = [
{
'name': '北京市',
'cities': [
{
'name': '北京市',
'counties': [
'东城区',
'西城区',
'朝阳区',
'丰台区',
'石景山区',
'海淀区',
'门头沟区',
'房山区',
'通州区',
'顺义区',
'昌平区',
'大兴区',
'怀柔区',
'平谷区',
'密云县',
'延庆县'
]
}
]
},
{
'name': '天津市',
'cities': [
{
'name': '天津市',
'counties': [
'和平区',
'河东区',
'河西区',
'南开区',
'河北区',
'红桥区',
'东丽区',
'西青区',
'津南区',
'北辰区',
'武清区',
'宝坻区',
'滨海新区',
'宁河县',
'静海县',
'蓟县'
]
}
]
},
{
'name': '河北省',
'cities': [
{
'name': '石家庄市',
'counties': [
'长安区',
'桥西区',
'新华区',
'井陉矿区',
'裕华区',
'藁城区',
'鹿泉区',
'栾城区',
'井陉县',
'正定县',
'行唐县',
'灵寿县',
'高邑县',
'深泽县',
'赞皇县',
'无极县',
'平山县',
'元氏县',
'赵县',
'辛集市',
'晋州市',
'新乐市'
]
}
]
},
// 省市县数据省略
];
3. 省市镇三级联动数据
var provinceData = [
{
'name': '北京市',
'cities': [
{
'name': '北京市',
'towns': [
{
'name': '东城区',
'areas': [
'东华门街道',
'景山街道',
'交道口街道',
'安定门街道',
'北新桥街道',
'东四街道',
'朝阳门街道',
'建国门街道',
'东直门街道',
'和平里街道',
'前门街道',
'崇文门外街道'
]
},
// 北京市其他区镇数据省略
]
}
]
},
{
'name': '天津市',
'cities': [
{
'name': '天津市',
'towns': [
{
'name': '和平区',
'areas': [
'劝业场街道',
'小白楼街道',
'南市街道',
'体育馆街道',
'新兴街道',
'南营门街道',
'王串场街道',
'越秀路街道'
]
},
// 天津市其他区镇数据省略
]
}
]
},
{
'name': '河北省',
'cities': [
{
'name': '石家庄市',
'towns': [
{
'name': '长安区',
'areas': [
'广安街道',
'裕东街道',
'新华路街道',
'建设北街道',
'翟营南街道',
'育才街道',
'育才北街道',
'东风街道',
'桥东街道',
'彭李庄街道',
'中山东路街道',
'翟营街道',
'兴华路街道',
'建华南街道',
'建华北街道',
'青园街道',
'东里街道',
'建北街道',
'井陉矿区街道'
]
},
// 石家庄市其他区镇数据省略
]
}
]
},
// 省市镇数据省略
];
以上数据示例仅包含部分省市区/县/镇信息,实际开发中需要根据需求补充完整的数据。
希望这些示例能帮助您更好地理解 JavaScript 三级联动数据的结构,并在您的项目中应用。
原文地址: https://www.cveoy.top/t/topic/lDhY 著作权归作者所有。请勿转载和采集!