15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > ajax三级联动

ajax三级联动

时间:2023-09-12 05:30:01 | 来源:网站运营

时间:2023-09-12 05:30:01 来源:网站运营

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

关键词:

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭