中国省市下拉列表备份

yejuanworld

于 2024-01-21 22:05:00 发布

阅读量393

点赞数 5

文章标签：前端

本文链接：https://blog.csdn.net/yejuanworld/article/details/135736327

版权

该博客展示了如何根据选择的省份动态加载对应的中国城市列表，包括所有省级行政单位及其下属城市，实现前端交互功能。

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

loadCities() {
if (this.selectedProvince === '北京市') {
this.cities = ['北京市'];
} else if (this.selectedProvince === '上海市') {
this.cities = ['上海市'];
} else if (this.selectedProvince === '天津市') {
this.cities = ['天津市'];
} else if (this.selectedProvince === '重庆市') {
this.cities = ['重庆市'];
} else if (this.selectedProvince === '河北省') {
this.cities = ['石家庄市', '唐山市', '秦皇岛市', '邯郸市', '邢台市', '保定市', '张家口市', '承德市', '沧州市', '廊坊市', '衡水市'];
} else if (this.selectedProvince === '山西省') {
this.cities = ['太原市', '大同市', '阳泉市', '长治市', '晋城市', '朔州市', '晋中市', '运城市', '忻州市', '临汾市', '吕梁市'];
} else if (this.selectedProvince === '内蒙古自治区') {
this.cities = ['呼和浩特市', '包头市', '乌海市', '赤峰市', '通辽市', '鄂尔多斯市', '呼伦贝尔市', '巴彦淖尔市', '乌兰察布市', '兴安盟', '锡林郭勒盟', '阿拉善盟'];
} else if (this.selectedProvince === '辽宁省') {
this.cities = ['沈阳市', '大连市', '鞍山市', '抚顺市', '本溪市', '丹东市', '锦州市', '营口市', '阜新市', '辽阳市', '盘锦市', '铁岭市', '朝阳市', '葫芦岛市'];
} else if (this.selectedProvince === '吉林省') {
this.cities = ['长春市', '吉林市', '四平市', '辽源市', '通化市', '白山市', '松原市', '白城市', '延边朝鲜族自治州'];
} else if (this.selectedProvince === '黑龙江省') {
this.cities = ['哈尔滨市', '齐齐哈尔市', '鸡西市', '鹤岗市', '双鸭山市', '大庆市', '伊春市', '佳木斯市', '七台河市', '牡丹江市', '黑河市', '绥化市', '大兴安岭地区'];
} else if (this.selectedProvince === &