1、select框
下面的hidden输入框意思是:后台拿到选中数据,暂存在hidden输入框里
2、发起请求 加载数据
var flag = true;
//加载部门
function loadDept(url){
$.ajax({
type:"get",
dataType:"json",
contentType:"application/json;charset=utf-8",
url:url,
success:function(result){
if(flag){ //如果为true,说明请求的是第一个列表的数据,就把“全部”加上
if($("#cbdeptname").val() == null || $("#cbdeptname").val() == ''){
//如果hidden输入框的值为空,说明没有选中下拉框的任何一项,就默认选中“全部”
$("#cbdw_select").append("<option value='' selected>全部</option>");
}else{
//如果hidden输入框的值不为空,说明没有选中了下拉框的任何一项(后台传的),就不选中“全部”
$("#cbdw_select").append("<option value=''>全部</option>");
}
flag = false;
}
//遍历后台返回的列表数据
$.each(result,function(index,dept){
// 同理 ,如果发现当前dept的值等于hidden输入框的值(后台存的),就让当前dept选中
if(dept.name == $("#cbdeptname").val()) {
$("#cbdw_select").append("<option value='" + dept.name + "' selected>" + dept.name + "</option>");
}else{
$("#cbdw_select").append("<option value='" + dept.name + "'>" + dept.name + "</option>");
}
})
},
error : function(XMLHttpRequest, textStatus, errorThrown) {
var txt1= "加载列表出现异常!";
var option1 = {
title: "提示",
btn: parseInt("0001",2),
onOk: function(){
//console.log("确认啦");
},
onCancel: function () {
//console.log("取消");
}
}
window.wxc.xcConfirm(txt1, "info", option1);
},
async:false //false表示同步
});
}
3、回显
下面的参数是在另一个方法里获取并存储的
4、后台