JSON实现省市县三级联动获取地区对应的编码值

时间:2024-11-02 16:16:46

1、编写HTML文件,主要是三个<select></select>

JSON实现省市县三级联动获取地区对应的编码值

2、引入必要的类库,areaJson.js,jquery.js

JSON实现省市县三级联动获取地区对应的编码值

3、接下来到重点内容了,页面加载完成就开始通过js把所有的省份添加到<option></poption>

JSON实现省市县三级联动获取地区对应的编码值

4、省份选择框触发事件的时候根据省份来确定市级的内容

JSON实现省市县三级联动获取地区对应的编码值

5、市级选择框触发事件的时候根据省份来确定区或县的内容

JSON实现省市县三级联动获取地区对应的编码值

6、定义三个全局的变量,三个选择框发生事件后把对应的值赋给三个变量,提交给后台就根据个人的情况来了

7、后台数据库的地区编码,必须和areaJson.js的编码一样,不然会出现数据不一致

© 手抄报圈