1.layui中对select下拉框填充option数据;编辑修改时的数据回显问题
callAPI('newDataGeneralProject.do?findPage&limit=1000', '', function(data) {
//取data返回值中的某项数据填充select选项值
var sel = document.getElementById("parentid");
for(var i = 0;i < data.length; i++) {
var opt = new Option();
opt.value= data[i].id;
opt.text = data[i].projectname;
sel.append(opt);
}
form.render(); //一定要加,不然不显示option
//
//编辑页面时,对下拉框数据回显
$("#parentid").each(function() {
// this代表的是<option></option>,对option再进行遍历
$(this).children("option").each(function() {
// 判断需要对那个选项进行回显
if (this.value == pId) {
// 进行回显
$(this).attr("selected","selected");
}
});
form.render();
})
})
2.select下拉框数据联动问题
//部门&使用处室联动
form.on('select(useBureauId)', function(data) {
var departIdVal = $("#useBureauId").val();
callSyncAPI('newdepart.do?findPage&limit=10000', {'parentdepartid' : departIdVal}, function(data1, msg) {
var str = '<option value = "">请选择</option>';
//for in循环在IE种会有问题
for(var x = 0; x < data1.length; x++) {
str += '<option value = "' + data1[x].id + '">' + data1[x].departname + '</option>'
}
$("#useDepartId").html(str);
form.render();
});
});
callAPI("/newdepart.do?getDepartsBySameDepartments", 'departId=' + useDepartIdBefore, function(data1) {
for(var x = 0; x < data1.length; x++) {
if(data1.id == data.departUserIdAfter) {
options += '<option selected="selected" value = "' + data1[x].id + '">' + data1[x].realName + '</option>'
} else {
options += '<option value = "' + data1[x].id + '">' + data1[x].realName + '</option>'
}
}
});