我做的这个页面现在需要回显数据,也就是如果这个学生已经填写了个人信息,那么当它再次来到这个页面的时候,他填写的信息还是需要存在的。
我做的页面分为三部分,第一部分是个人信息的填写,大部分是文本框和下拉框。第二部分和第三部分全是bootstrap表格。现在咱们就介绍这第一部分的赋值。
整体的思路是:在页面加载的时候就提交ajax,得到后台获取的json串,然后取值赋值。
$.ajax({
type:"post",
url:"${pageContext.request.contextPath}/echoStudentMess",
success:function(msg){
//先将执行controller中的方法返回的数据根据类型放在一个变量中:objMsg
var objMsg=eval(msg);
$("#otherName").val(objMsg.otherName);
$("#mobile").val(objMsg.telNum);
$("#graduateSchool").val(objMsg.graduateSchool);
$("#email").val(objMsg.email);
$("#entranceDate").val(objMsg.entranceDate);
//将籍贯赋给下拉框,只显示一个
if(objMsg.originalPlace!=""){
var province="";
province = "<option value='"+objMsg.originalPlace+"'>"+objMsg.originalPlace+"</option>";
$("#province").html(province);
}
//将民族赋给下拉框---待用-----TODO
/* if(objMsg.nation!=""){
var nation="";
nation = "<option value='"+objMsg.nation+"'>"+objMsg.nation+"</option>";
$("#nation").html(nation);
} */
//将户口所在地赋给下拉框
if(objMsg.nativePlace!=""){
var province1="";
province1 = "<option value='"+objMsg.nativePlace+"'>"+objMsg.nativePlace+"</option>";
$("#province1").html(province1);
}
//将生源 地赋给下拉框
if(objMsg.accountAddress!=""){
var province2="";
province2 = "<option value='"+objMsg.accountAddress+"'>"+objMsg.accountAddress+"</option>";
$("#province2").html(province2);
}
//将政治面貌赋给下拉框
if(objMsg.politicalStatus!=""){
/* var politicalStatus="";
politicalStatus = "<option value='"+objMsg.politicalStatus+"'>"+objMsg.politicalStatus+"</option>";
$("#politicalStatus").html(politicalStatus); */
if(objMsg.politicalStatus!="群众"){
var joinPartyDate =document.getElementById("joinPartyDate");
joinPartyDate.style.visibility="visible";
$("#joinPartyDate").val(objMsg.joinPartyDate);
var ui1 =document.getElementById("show1");
ui1.style.visibility="visible";
var ui3 =document.getElementById("show3");
ui3.style.visibility="visible";
}
}
//给表格赋值
},
error:function(msg){
alert("获取数据异常,请联系管理员!");
}
});
但是我这么做就又出现了一个问题:我赋给下拉框值以后,原本下拉菜单下所有的选项全都没有了!!!也就是我给下拉框赋值之后就不能再重新选择选项了!!!这真是实现一个Bug又来一个bug,正在寻找解决方案,大家有什么好的意见吗?
版权声明:本文为u013045959原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。