AJAX应用案例--基于mysql，以POST方式，完成三级级下拉联动【省份-城市-区域】

最新推荐文章于 2024-04-21 18:05:19 发布

VIP文章君醉酒

最新推荐文章于 2024-04-21 18:05:19 发布

阅读量2.5k

点赞数 1

分类专栏： ajax 文章标签： dom ajax 异步 javascript 三级联动

本文链接：https://blog.csdn.net/rain097790/article/details/11119463

版权

AJAX应用案例--基于mysql，以POST方式，用DOM对象，完成三级级下拉联动【省份-城市-区域】，效果图如下：

数据库如下：

省份城市区域

Jsp页面代码：

<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <body>
  	<select id="provinceID">
  		<option>请选择省份</option>
  		<option value="1">广东</option>
  		<option value="2">湖南</option>
  	</select>
  	<select id="cityID">
  		<option>请选择城市</option>
  	</select>
  	<select id="areaID">
  		<option>请选择区域</option>
  	</select>
  	<script type="text/javascript">
  		function createAJAX(){
  			var ajax = null;
  			try{
  				ajax = new ActiveXObject("microsoft.xmlhttp");
  			}catch(e){
  				try{
  					ajax = new XMLHttpRequest();
  				}catch(e){
  					alert("请更换浏览器");
  				}
  			}
  			return ajax;
  		}
  	</script>
  	<script type="text/javascript">
  		//创建AJAX引擎对象
  		var ajax = createAJAX();
  		//产生事件
  		document.getElementById("provinceID").onchange = function(){
  				//再次选择省份时，清空city下拉框
  			  //定位city下拉框
  			  var citySelectElement = document.getElementById("cityID&

最低0.47元/天解锁文章

君醉酒

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
3
评论
AJAX应用案例--基于mysql，以POST方式，完成三级级下拉联动【省份-城市-区域】

AJAX应用案例--基于mysql，以POST方式，用DOM对象，完成三级级下拉联动【省份-城市-区域】，效果图如下：数据库如下：省份城市
复制链接

扫一扫