<link href="~/Content/bootstrap.css" rel="stylesheet" />
<script src="~/Content/jquery-3.3.1.js"></script>
<style>
#tab {
margin-left: 100px;
margin-top: 50px;
}
#tab td {
padding: 10px;
}
</style>
<h4>后台管理>学生管理>修改学生</h4>
<table id="tab">
<tr>
<td>学号</td>
<td>
<input id="tbsNo" type="text" value="@ViewBag.SId" readonly="readonly" />
</td>
</tr>
<tr>
<td>姓名</td>
<td>
<input id="tbsName" type="text" />
</td>
</tr>
<tr>
<td>性别</td>
<td>
<input id="Radio1" type="radio" name="1" checked="checked" />男
<input id="Radio2" type="radio" name="1" />女
</td>
</tr>
<tr>
<td>QQ</td>
<td>
<input id="tbsQQ" type="text" />
</td>
</tr>
<tr>
<td>电话号码</td>
<td>
<input id="tbsPhone" type="text" />
</td>
</tr>
<tr>
<td>班级</td>
<td>
<select id="slClass"></select>
</td>
</tr>
<tr>
<td></td>
<td>
<input id="BtnAdd" type="button" value="确定" class="btn btn-primary" οnclick="btnGo()" />
<input id="BtnRes" type="button" value="取消" class="btn btn-default" οnclick="location.href='/Student/ShowStudent';" />
</td>
</tr>
</table>
<script>
$(function () {
dropClass();
getStudent();
})
function dropClass() {
$.ajax({
url: "https://localhost:44313/api/Student/ShowClass",
type: "get",
dataType: "json",
success: function (data) {
$("#slClass").empty();
$("#slClass").append('<option value="0">==请选择==</option>');
$(data).each(function () {
$("#slClass").append('<option value="' + this.CId + '">' + this.CName + '</option>');
})
}
})
}
function getStudent() {
$.ajax({
url: "https://localhost:44313/api/Student/GetStudentInfo?sId=" + $("#tbsNo").val(),
dataType:"json",
type: "get",
success: function (data) {
$("#tbsName").val(data.SName);
data.SSex ? $("#Radio1").prop("checked", true):$("#Radio2").prop("checked", true)
$("#tbsQQ").val(data.Sqq);
$("#tbsPhone").val(data.SPhone);
$("#slClass").val(data.CId);
}
})
}
function btnGo() {
var sno = $("#tbsNo").val();
var sname = $("#tbsName").val();
var sqq = $("#tbsQQ").val();
var sphone = $("#tbsPhone").val();
var sclass = $("#slClass").val();
if (sname == "") {
alert("请输入姓名!");
return;
}
if (sqq == "") {
alert("请输入QQ!");
return;
}
if (sphone == "") {
alert("请输入电话号码!");
return;
}
if (sclass == 0) {
alert("请选择班级!");
return;
}
var obj = {};
obj.SNo = sno;
obj.SName = sname;
obj.SSex = Radio1.checked ? true : false;
obj.Sqq = sqq;
obj.SPhone = sphone;
obj.CId = sclass;
$.ajax({
url: "https://localhost:44313/api/Student/UpdStudent",
data: obj,
type: "post",
dataType: "json",
success: function (data) {
if (data > 0) {
alert("修改成功!");
}
else {
alert("修改失败!");
}
}
})
}