天天看点

ajax下拉框回显数据_ajax三级联动

ajax下拉框回显数据_ajax三级联动
三级联动案例的功能需求

页面三个下拉框选项,分别为省下拉框,市下拉框,区下拉框

选择省,则市下拉框中出现对应的该省下的市信息,选择市,则区下拉框中出现对应的区信息

需求分析

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=?;