Ajax三级联动下拉选择省市区

最新推荐文章于 2020-02-15 13:31:10 发布

原创

最新推荐文章于 2020-02-15 13:31:10 发布 · 1.3k 阅读

3 ·

CC 4.0 BY-SA版权

本文介绍如何通过Ajax实现省市区三级联动的下拉选择功能。提供了数据库sql文件、java源码的下载链接，并详细讲解了数据层、后端Servlet、前台jsp以及JavaScript操作DOM的实现过程，强调了Ajax异步刷新的重点。

下拉列表省市区的联动选择：

先看效果：

本次所用数据库sql文件以及java源码可从本人网盘下载：

http://pan.baidu.com/s/1jIdV7r4

提示：使用可视化工具导入ChinaStates数据表，这张表导入时可能需要较长的时间。

ChinaStates表中包含省名称信息、所对应的市名称信息、以及区县信息

数据层代码：

public class ChinaDao {

	public ResultSet chinaList(Connection con)throws Exception{
		String sql="SELECT AreaCode,AreaName,ParentAreaCode FROM ChinaStates WHERE ParentAreaCode=0001";
		PreparedStatement pstmt=con.prepareStatement(sql);
		ResultSet rs=pstmt.executeQuery();
		return rs;
	}
	public ResultSet cityList(Connection con,String provinceValue)throws Exception{
		String sql="SELECT AreaCode,AreaName,ParentAreaCode FROM ChinaStates WHERE ParentAreaCode=?";
		PreparedStatement pstmt=con.prepareStatement(sql);
		pstmt.setString(1, provinceValue);
		System.out.println(provinceValue);
		ResultSet rs=pstmt.executeQuery();
		return rs;
	}

最低0.47元/天解锁文章