地区json文件_【小例子】使用jQuery实现省市区三级联动显示，附源码json文件

开发工具-intellij IDEA

需求

1.实现对json文件的读取。

2.可以在省级选择所有省名和直辖市名

3.选择一级省名后自动刷新市名

4.选择二级市名后自动刷新区名

逻辑分析

第一步：读取json文件

第二步：遍历出所有一级的省名

第三步：把遍历出来的省名动态追加到select标签下

第四步：给一级省名注册change事件

第五步：点击省名后获取省的id值

第六步：确定点击的对象数据

第七步：做判断，如果直辖市的话下面就是直接显示区名，如果不是就显示市名

第八步：遍历出这个对象的地区名数据

第九步：动态追加数据

第十步：重复上步骤，完成三级追加

具体实现

页面准备

html：

选择所属城市

省:

市:

区:

css

json部分数据

{ "label": "11