1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
2 <%
3 String path = request.getContextPath();
4 String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
5 + path + "/";
6 %>
7
8 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
9 <html>
10 <head>
11 <base href="<%=basePath%>">
12
13 <title>My JSP 'studentUpdata.jsp' starting page</title>
14
15 <meta http-equiv="pragma" content="no-cache">
16 <meta http-equiv="cache-control" content="no-cache">
17 <meta http-equiv="expires" content="0">
18 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
19 <meta http-equiv="description" content="This is my page">
20 <!--
21 <link rel="stylesheet" type="text/css" href="styles.css">
22 -->
23 <link rel="stylesheet"
24 href="./vendor/simple-line-icons/css/simple-line-icons.css">
25 <link rel="stylesheet"
26 href="./vendor/font-awesome/css/fontawesome-all.min.css">
27 <link rel="stylesheet" href="./css/styles.css">
28 <script src="./vendor/jquery/jquery.min.js"></script>
29 <script src="./vendor/popper.js/popper.min.js"></script>
30 <script src="./vendor/bootstrap/js/bootstrap.min.js"></script>
31 <script src="./vendor/chart.js/chart.min.js"></script>
32 <script src="./js/carbon.js"></script>
33 <script src="./js/demo.js"></script>
34 <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
35 <script type="text/javascript">
36 var address = "";
37 $(function(){
38 //ajax 省份
39 $.ajax({
40 url : "SelectCityServlet",
41 type : "post",
42 data : {
43 cid : 1
44 },
45 dataType : "json",
46 success : function(data) {
47 $.each(data, function(i, val) {
48 $("#sheng").append("<option value='" + this.id + "'>" + this.cityname + "</option>")
49 })
50 }
51 });
52 setTimeout(function() {
53 //回显的ajax获取内容
54 var id=${param.id};
55 $.ajax({
56 url:"StudentSelectOneServlet",
57 type: "post",
58 data: {id:id},
59 dataType: "json",
60 success:function(data){
61 $("#pid").val(data.pid);
62 $("#name").val(data.name);
63 $(":radio").each(function(){
64 if($(this).val() == data.sex){
65 $(this).prop("checked",true);
66 }
67 });
68 $("#age").val(data.age);
69 $("#team").val(data.team);
70 address = data.add;//地址全局变量
71 $("#add").val(data.add);
72 $("#sheng option").each(function(){
73 if(data.add.indexOf($(this).html())!=-1){
74 $(this).prop("selected",true);
75 ChooseCity($(this).val());//调2级联动
76 }
77 });
78 /* $("#shi option").each(function(){
79 if(data.add.indexOf($(this).html())!=-1){
80 $(this).prop("selected",true);
81 ChooseQu($(this).val())//调3级联动
82 }
83 });
84 $("#xian option").each(function(){
85 if(data.add.indexOf($(this).html())!=-1){
86 $(this).prop("selected",true);
87 }
88 }); */
89 }
90 })
91 }, 500);
92
93 })
94 var id=<%=request.getParameter("id")%>
95 function tijiao(){
96 var num=$("form").serialize();
97 $.ajax({
98 url:"StudentUpdataServlet",
99 type: "post",
100 data: num,//参数
101 dataType: "text",
102 success:function(data){
103 if(data>0){
104 alert("修改成功");
105 parent.location.href="studentxiu.jsp";
106 }else{
107 alert("修改失败");
108 }
109 }
110 })
111 }
112
113 //查id
114 $(function() {
115
116 });
117
118
119 //2级联动
120 function ChooseCity(id) {
121 if (id != "") {
122 $.ajax({
123 url : "SelectCityServlet",
124 data : {
125 cid : id
126 },
127 dataType : "json",
128 success : function(data) {
129 //清空之前的城市信息
130 $("#opt1").siblings().remove();
131 //添加城市信息
132 $.each(data, function(i, val) {
133 if(address.indexOf(this.cityname)!=-1){
134 $("#shi").append("<option value='" + this.id + "' selected='selected'>" + this.cityname + "</option>")
135 ChooseQu(this.id);
136 }else{
137 $("#shi").append("<option value='" + this.id + "'>" + this.cityname + "</option>")
138 }
139 })
140 }
141 })
142 } else {
143 //清理之前的城市信息
144 $("#opt1").siblings().remove();
145 //清理之前的区 县信息
146 $("#opt2").siblings().remove();
147 }
148 }
149 //3ji
150 function ChooseQu(id) {
151 if (id != "") {
152 $.ajax({
153 url : "SelectCityServlet",
154 data : {
155 cid : id
156 },
157 dataType : "json",
158 success : function(data) {
159 //先清理之前的区县信息
160 $("#opt2").siblings().remove();
161 //添加区 信息
162 //添加城市信息
163 $.each(data, function(i, val) {
164 if(address.indexOf(this.cityname)!=-1){
165 $("#xian").append("<option value='" + this.id + "' selected='selected'>" + this.cityname + "</option>")
166 }else{
167 $("#xian").append("<option value='" + this.id + "'>" + this.cityname + "</option>")
168 }
169 })
170 }
171 })
172 } else {
173 //清理之前的区、县信息
174 $("#opt2").siblings().remove();
175 }
176 }
177 function getAdd() {
178 var pro = $("#sheng option:selected").text();
179 var city = $("#shi option:selected").text();
180 var qu = $("#xian option:selected").text();
181 $("#add").val(pro + "" + city + "" + qu);
182 }
183 </script>
184 </head>
185
186 <body>
187
188 <form action="" method="post" id="myform">
189 <div class="container-fluid">
190 <div class="row">
191
192 <div class="col-md-10">
193 <div class="card">
194 <div class="card-header bg-light">修改学员信息</div>
195
196 <div class="card-body">
197 <div class="row mb-5">
198 <div class="col-md-4 mb-4">
199 <div>基本信息</div>
200 </div>
201
202 <div class="col-md-8">
203 <div class="row">
204 <div class="col-md-6">
205 <div class="form-group">
206 <!-- <label class="form-control-label">学生学号</label> --> <input
207 type="hidden" name="id" value="${param.id}" class="form-control">
208 </div>
209 </div>
210
211 <div class="col-md-6">
212 <div class="form-group">
213 <label class="form-control-label">学生编号</label> <input
214 type="text" name="pid" id="pid" class="form-control">
215 </div>
216 </div>
217
218 <div class="col-md-6">
219 <div class="form-group">
220 <label class="form-control-label">学生姓名</label> <input
221 type="text" name="name" id="name" class="form-control">
222 </div>
223 </div>
224 </div>
225
226 <div class="row">
227 <div class="col-md-6">
228 <div class="form-group">
229 学生性别:<input type="radio" name="sex" value="男">男 <input
230 type="radio" name="sex" value="女">女<span id="sex"></span>
231 </div>
232 </div>
233 </div>
234
235 <div class="row">
236 <div class="col-md-6">
237 <div class="form-group">
238 <label class="form-control-label">学生年龄</label> <input
239 type="text" name="age" id="age" class="form-control">
240 </div>
241 </div>
242 <div class="col-md-6">
243
244 <div class="form-group">
245 <label for="single-select">学员小组</label> <select id="team"
246 name="team" class="form-control">
247 <option value="">请选择小组</option>
248 <option value="1">1</option>
249 <option value="2">2</option>
250 <option value="3">3</option>
251 <option value="4">4</option>
252 </select>
253 </div>
254 </div>
255 </div>
256 </div>
257 </div>
258
259 <hr>
260
261 <div class="row mt-5">
262 <div class="col-md-4 mb-4">
263 <div>家庭住址</div>
264 </div>
265
266 <div class="col-md-8">
267 <div class="form-group">
268 <label class="form-control-label"></label><br>省份<select
269 id="sheng" class="form-control"
270 onchange="ChooseCity(this.value)">
271 <option value="">请选择省份</option>
272 </select> 城市<select class="form-control" id="shi"
273 onchange="ChooseQu(this.value)">
274 <option value="" id="opt1">请选择城市</option>
275 </select> 区县<select class="form-control" id="xian" onchange="getAdd()">
276 <option value="" id="opt2">请选择区县</option>
277 </select> <input type="hidden" name="add" id="add" value="">
278 </div>
279 </div>
280 </div>
281 </div>
282 <div class="card-footer bg-light text-right">
283 <input type="button" onclick="tijiao()" class="btn btn-primary"
284 value="提交">
285 </div>
286 </div>
287 </div>
288 </div>
289 </div>
290 </form>
291
292 </body>
293 </html>
