jquery的ajax及注意事项

时间:2018-10-18 23:30:08   收藏:0   阅读:153
1.引jquery包
<script type="text/javascript">
$(function () {
//根据学院动态填充专业
$("[name=depart]").change(function () {
var did= $(this).val();
if (did==-1){
alert("请选择学院");
$("[name=major]")[0].length=0;//[0]-->将jquery改为js
$("[name=major]")[0].add(new option("请选择",-1));//-->动态填充option复选框
} else {
$.ajax({
url: "/Educational/class/getallmajor",
data: "did" + did,
type: "post",
dataType: "json",
success: function (rs) {
$("[name=major]")[0].length=0;
$("[name=major]")[0].add(new option("请选择",-1));
for (var i = 0; i < rs.length; i++) {
$("[name=major]")[0].add(new Option(rs[i].majorname, rs[i].majorid));
}
}
})
}
})

 //动态确定班主任
$("[name=majorid]").change(function () {
var did= $("[name=deptid]").val();
var mid = $(this).val();
if (mid==-1) {
alert("请选择专业");
}
$.ajax({
url: "/Educational/class/getrolename",
data: "did" + did+"&mid="+mid,
type: "post",
dataType: "json",
success:function (rs) {
$("[name=classteacher]")[0].length=0;
for (var i = 0; i < rs.length; i++) {
$("[name=classteacher]")[0].add(new Option(rs[i].userName, rs[i].userName));
}
}
})
})




})

原文:https://www.cnblogs.com/yunshao/p/9813655.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!