使用ajax实现省市区三级联动基于SSM框架

最新推荐文章于 2021-08-06 02:26:00 发布

VIP文章「已注销」

最新推荐文章于 2021-08-06 02:26:00 发布

阅读量328

点赞数

分类专栏： java 文章标签： ajax SSM JQuery

本文链接：https://blog.csdn.net/weixin_43667093/article/details/102673802

版权

一、效果图：

项目百度网盘地址：

链接：https://pan.baidu.com/s/1QTQC8ccoYd2pnbMvtwafJg&shfl=sharepset
提取码：7id8
复制这段内容后打开百度网盘手机App，操作更方便哦
在这里插入图片描述

二、项目整体结构：

在这里插入图片描述

三、JSP页面：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.2.1.js"></script>
<script type="text/javascript">
$(function(){
   
		 $.ajax({
   
				url:"${pageContext.request.contextPath}/test/getprovince",
				
				type:"post",
				success:function(data){
   
					var province = $("#province")[0];
					for(var i = province.options.length-1;i>0;i--){
   
						province.remove(i);
					}
					$(data).each(function(){
   
						var option = new Option();
						option.value = this.id;
						option.text = this.name;
						province.add(option);
					});
				},
				dataType:"json"
			});
});

$(function(){
   
	$("#province").change(function(){
   
		 $.ajax({
   
				url:"${pageContext.request.contextPath}/test/getcity",
				data:{
   cityid:$("#province").val()},
				type:"post",
				success:function(data){
   
					var city = $("#city")[0];
					for(var i = city.options.length-1;i>0;i--

最低0.47元/天解锁文章

「已注销」

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
使用ajax实现省市区三级联动基于SSM框架

一、效果图：项目百度网盘地址：链接：https://pan.baidu.com/s/1QTQC8ccoYd2pnbMvtwafJg&shfl=sharepset提取码：7id8复制这段内容后打开百度网盘手机App，操作更方便哦二、项目整体结构：三、JSP页面：<%@ page language="java" contentType="text/html; chars...
复制链接

扫一扫