![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsIiY4ETZhJzNx0TZjJXdvN3PnBnaucHM0QTMfVTZ4ADZ4QTY0kjN3kjYzQDM2cTYkRGMhBTOyQmYzgTNtIjdvwVbvNmLn1WaopnLyMWaw9CXvwlOzBHd0hWPsJXdmYDM3YjZkJGNzQDNl1SOhRGOtETMiVWLwMDZx0iYjNmMzAjZ50DZpV3ZmITPlBXe0ZyPldWYtl2LcdXZpZ3Lc12bj5SZjVjL5h3byBnLxATLn1Wavw1LcpDc0RHaiojIsJye.jpg)
页面三个下拉框选项,分别为省下拉框,市下拉框,区下拉框
选择省,则市下拉框中出现对应的该省下的市信息,选择市,则区下拉框中出现对应的区信息
需求分析1. 创建页面:页面中有三个下拉框,分别为省市,区、县
2. 页面加载成功发起ajax请求,请求省的信息,并将相应结果填充到省下拉框中
3. 选择触发一个新的js函数的执行,该函数中发起新的ajax请求,请求该省下的市信息,并将响应数据填充到市下拉框、
4. 选择市信息触发一个新的js函数的执行,该函数中发起新的ajax请求,请求该省下的县区信息,并将响应数据填充到县区下拉框
数据库表设计。数据库设计:
创建表(area):存储省,市,区,县信息
地区id:areaid
地区名:areaname
地区上级id:parentid
三级联动案例查询所有的省信息:
select*from area where paented=0;
查询选择的省的市信息(假如选择的湖南省的areaid为110000)
select*from area where parented=110000;
查询选择的市的区信息(假如湖南省的邵阳市areaid为110001)
select*from area where parented=110001;
代码中
select*from area where parented=?;