全国省市二级json,带id

json下载链接sql下载链接[{"name": "北京","id": 1,"child": [{"name": "东城区","id": 1}, {"name": "西城区","id": 2}, {"name": "崇文区","id
摘要由CSDN通过智能技术生成

json下载链接

sql下载链接

[{
"name": "北京",
"id": 1,
"child": [{
"name": "东城区",
"id": 1
}, {
"name": "西城区",
"id": 2
}, {
"name": "崇文区",
"id": 3
}, {
"name": "宣武区",
"id": 4
}, {
"name": "朝阳区",
"id": 5
}, {
"name": "丰台区",
"id": 6
}, {
"name": "石景山区",
"id": 7
}, {
"name": "海淀区",
"id": 8
}, {
"name": "门头沟区",
"id": 9
}, {
"name": "房山区",
"id": 10
}, {
"name": "通州区",
"id": 11
}, {
"name": "顺义区",
"id": 12
}, {
"name": "昌平区",
"id": 13
}, {
"name": "大兴区",
"id": 14
}, {
"name": "平谷区",
"id": 15
}, {
"name": "怀柔区",
"id": 16
}, {
"name": "密云县",
"id": 17
}, {
"name": "延庆县",
"id": 18
}]
}, {
"name": "天津",
"id": 2,
"child": [{
"name": "和平区",
"id": 19
}, {
"name": "河东区",
"id": 20
}, {
"name": "河西区",
"id": 21
}, {
"name": "南开区",
"id": 22
}, {
"name": "河北区",
"id": 23
}, {
"name": "红桥区",
"id": 24
}, {
"name": "塘沽区",
"id": 25
}, {
"name": "汉沽区",
"id": 26
}, {
"name": "大港区",
"id": 27
}, {
"name": "东丽区",
"id": 28
}, {
"name": "西青区",
"id": 29
}, {
"name": "津南区",
"id": 30
}, {
"name": "北辰区",
"id": 31
}, {
"name": "武清区",
"id": 32
}, {
"name": "宝坻区",
"id": 33
}, {
"name": "宁河县",
"id": 34
}, {
"name": "静海县",
"id": 35
}, {
"name": "蓟 县",
"id": 36
}]
}, {
"name": "河北",
"id": 3,
"child": [{
"name": "石家庄",
"id": 37
}, {
"name": "唐山",
"id": 38
}, {
"name": "秦皇岛",
"id": 39
}, {
"name": "邯郸",
"id": 40
}, {
"name": "邢台",
"id": 41
}, {
"name": "保定",
"id": 42
}, {
"name": "张家口",
"id": 43
}, {
"name": "承德",
"id": 44
}, {
"name": "沧州",
"id": 45
}, {
"name": "廊坊",
"id": 46
}, {
"name": "衡水",
"id": 47
}]
}, {
"name": "山西",
"id": 4,
"child": [{
"name": "太原",
"id": 48
}, {
"name": "大同",
"id": 49
}, {
"name": "阳泉",
"id": 50
}, {
"name": "长治",
"id": 51
}, {
"name": "晋城",
"id": 52
}, {
"name": "朔州",
"id": 53
}, {
"name": "忻州",
"id": 54
}, {
"name": "吕梁",
"id": 55
}, {
"name": "晋中",
"id": 56
}, {
"name": "临汾",
"id": 57
}, {
"name": "运城",
"id": 58
}]
}, {
"name": "内蒙古",
"id": 5,
"child": [{
"name": "呼和浩特",
"id": 59
}, {
"name": "包头",
"id": 60
}, {
"name": "乌海",
"id": 61
}, {
"name": "赤峰",
"id": 62
}, {
"name": "呼伦贝尔",
"id": 63
}, {
"name": "兴安盟",
"id": 64
}, {
"name": "通辽",
"id": 65
}, {
"name": "锡林郭勒盟",
"id": 66
}, {
"name": "乌兰察布盟",
"id": 67
}, {
"name": "伊克昭盟",
"id": 68
}, {
"name": "巴彦淖尔盟",
"id": 69
}, {
"name": "阿拉善盟",
"id": 70
}]
}, {
"name": "辽宁",
"id": 6,
"child": [{
"name": "沈阳",
"id": 71
}, {
"name": "大连",
"id": 72
}, {
"name": "鞍山",
"id": 73
}, {
"name": "抚顺",
"id": 74
}, {
"name": "本溪",
"id": 75
}, {
"name": "丹东",
"id": 76
}, {
"name": "锦州",
"id": 77
}, {
"name": "营口",
"id": 78
}, {
"name": "阜新",
"id": 79
}, {
"name": "辽阳",
"id": 80
}, {
"name": "盘锦",
"id": 81
}, {
"name": "铁岭",
"id": 82
}, {
"name": "朝阳",
"id": 83
}, {
"name": "葫芦岛",
"id": 84
}, {
"name": "其他",
"id": 85
}]
}, {
"name": "吉林",
"id": 7,
"child": [{
"name": "长春",
"id": 86
}, {
"name": "吉林",
"id": 87
}, {
"name": "四平",
"id": 88
}, {
"name": "辽源",
"id": 89
}, {
"name": "通化",
"id": 90
}, {
"name": "白山",
"id": 91
}, {
"name": "松原",
"id": 92
}, {
"name": "白城",
"id": 93
}, {
"name": "延边朝鲜族自治州",
"id": 94
}, {
"name": "其他",
"id": 95
}]
}, {
"name": "黑龙江",
"id": 8,
"child": [{
"name": "哈尔滨",
"id": 96
}, {
"name": "齐齐哈尔",
"id": 97
}, {
"name": "鹤岗",
"id": 98
}, {
"name": "双鸭山",
"id": 99
}, {
"name": "鸡西",
"id": 100
}, {
"name": "大庆",
"id": 101
}, {
"name": "伊春",
"id": 102
}, {
"name": "牡丹江",
"id": 103
}, {
"name": "佳木斯",
"id": 10

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
可以使用以下步骤实现: 1. 创建两个 json 文件,一个包含省份信息,一个包含城市信息,例如:province.json 和 city.json。 province.json 文件内容如下: ```json [ { "id": "110000", "name": "北京市" }, { "id": "120000", "name": "天津市" }, { "id": "130000", "name": "河北省" }, ... ] ``` city.json 文件内容如下: ```json [ { "id": "110100", "name": "北京市", "province_id": "110000" }, { "id": "120100", "name": "天津市", "province_id": "120000" }, { "id": "130100", "name": "石家庄市", "province_id": "130000" }, ... ] ``` 2. 在 HTML 文件中创建两个 select 元素,一个用于选择省份,一个用于选择城市,并给它们分别设置 id。 ```html <select id="province"></select> <select id="city"></select> ``` 3. 使用 Ajax 异步加载省份信息,将省份信息添加到省份 select 中。 ```javascript $.getJSON('province.json', function(data) { var options = '<option value="">请选择省份</option>'; $.each(data, function(index, item) { options += '<option value="' + item.id + '">' + item.name + '</option>'; }); $('#province').html(options); }); ``` 4. 监听省份 select 的 change 事件,根据省份选项的值,异步加载对应城市信息,将城市信息添加到城市 select 中。 ```javascript $('#province').change(function() { var provinceId = $(this).val(); if (provinceId) { $.getJSON('city.json', {province_id: provinceId}, function(data) { var options = '<option value="">请选择城市</option>'; $.each(data, function(index, item) { options += '<option value="' + item.id + '">' + item.name + '</option>'; }); $('#city').html(options); }); } else { $('#city').html('<option value="">请选择城市</option>'); } }); ``` 5. 在 city.json 中添加一个 province_id 字段,表示该城市所属的省份 id,使用 Ajax 异步加载城市信息时,可以通过传递省份 id 参数来过滤出对应的城市信息。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值