一、效果图:
项目百度网盘地址:
链接: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--