<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>首页</title>
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/css/index2.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.8.3.min.js"></script>
</head>
<body>
<form id="fid">
<input type="hidden" name="id" value="${d.id}" >
<input type="hidden" name="adept" value="${d.adept}" >
<div class="container">
<table class="table">
<thead class="thead-light">
<tr>
<th scope="col">姓名<input type="text" name="name" value="${d.name}" > </th>
</tr>
<tr>
<th scope="col">性别<input type="radio" name="grader" value="1" ${d.grader==1?"checked":""} >男<input type="radio" name="grader" value="2" ${d.grader==2?"checked":""} >女 </th>
</tr>
<tr>
<th scope="col">生日<input type="date" name="birthday" value="${d.birthday}" > </th>
</tr>
<tr>
<th scope="col">省:<select name="province" onchange="shen()" id="ss">
<option value="${d.id}">${d.sname}</option>
<c:forEach items="${province}" var="d">
<option value="${d.id}">${d.sname}</option>
</c:forEach>
</select></th>
</tr>
<tr>
<th scope="col">市<select name="town" onchange="shi()" id="town">
<option value="${d.town}">${d.cname}</option>
</select> </th>
</tr>
<tr>
<th scope="col">县<select name="county" onchange="xian()" id="county">
<option value="${d.county}">${d.xname}</option>
</select> </th>
</tr>
<tr>
<th scope="col">科室<select name="desk">
<option value="${d.desk}">${d.kname}</option>
<c:forEach items="${listDepart}" var="d">
<option value="${d.id}">${d.kname}</option>
</c:forEach>
</select> </th>
</tr>
<tr>
<th scope="col">擅长
<c:forEach items="${shanchang}" var="s" >
<input type="checkbox" name="scname" value="${s.id}"
<c:if test='${d.scname.indexOf(s.sname)>-1}'>checked='checked'</c:if>>${s.sname}
</c:forEach>
</th>
</tr>
<tr>
<th scope="col">入职日期<input type="date" name="rzdate" value="${d.rzdate}" ></th>
</tr>
<tr>
<th scope="col">头像<img alt="无头像" src="/pic/${d.touxiang}"
style=" 60px; height: 40px">
<input type="file" name="file" value="${d.touxiang}" >
</th>
</tr>
<tr>
<td>
<button type="button" class="btn btn-primary" onclick="xg()" >修改</button>
</td>
</tr>
</thead>
</table>
</div>
</form>
<script type="text/javascript">
function xg(id){
var formData = new FormData($("#fid")[0]);
$.ajax({
url:'/update',
type:'post',
processData:false,
data:formData,
contentType:false,
success:function(obj){
if(obj>0){
alert("修改成功");
location.href="/list";
}else{
alert("修改失败");
location.href="/update";
}
}
})
}
function shen() {
var id = $("#ss").val();
$.ajax({
url:'/city',
data:{id:id},
type:'post',
dataType:'JSON',
success:function(obj){
$("#county").empty();
$("#town").empty();
for ( var i in obj) {
$("#town").append("<option value="+obj[i].id+" >"+obj[i].sname+"</option>")
}
}
})
}
function shi() {
var id = $("#town").val();
$.ajax({
url:'/city',
data:{id:id},
type:'post',
dataType:'JSON',
success:function(obj){
$("#county").empty();
for ( var i in obj) {
$("#county").append("<option value="+obj[i].id+" >"+obj[i].sname+"</option>")
}
}
})
}
</script>
</body>
</html>