$.post("/getCollege", function (data) {
if (data == null || data == undefined || data.length <= 0) {
return false;
}
var datalist = new Array()
for (var i = 0; i < data.length; i++) {
var info = {"title": data[i].name, "value": data[i].id};
datalist.push(info);
}
$("#selectCollege").select({
title: "选择学院",
items: datalist,
onChange: function () {
var cid = $("#selectCollege").attr("data-values");
var grade = $("#selectGrade").attr("data-values")
$("#selectClass").attr("data-values", "");
$("#selectClass").attr("value", "");
$("#selectClass").val("")
if (cid == null || cid == undefined || cid.trim().length <= 0) {
return false;
}
if (grade == null || grade == undefined || grade.trim().length <= 0) {
return false;
}
$.post("/getClass?cid=" + cid + "&grade=" + grade, function (data) {
if (data == null || data == undefined || data.length <= 0) {
return false;
}
var datalist = new Array()
for (var i = 0; i < data.length; i++) {
var info = {"title": data[i].name, "value": data[i].id};
datalist.push(info);
}
$("#selectClass").select("update", {items: datalist});
})
}
})
})
Jqweui多级联动
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 首先,来看下效果图 在线体验地址:https://hxkj.vip/demo/echartsMap/,并提供实时g...
- 基于vue2.0实现的级联选择器 基于Vue的级联选择器,可以单项,二级, 三级级联,多级级联 web开发中我们经...
- iOS控件UIPickerView和DatePicker可实现滑动选择功能。基于UIPickerView封装多级联...
- 思路 假如有三级省、市、区,先加载出所有省选择省之后,加载出该省所有市选择市之后,加载出该市所有区重新选择省,则清...