【bootstrap】--- 动态给select赋值(未完)
2016-07-01 08:06
489 查看
我做的这个页面现在需要回显数据,也就是如果这个学生已经填写了个人信息,那么当它再次来到这个页面的时候,他填写的信息还是需要存在的。
我做的页面分为三部分,第一部分是个人信息的填写,大部分是文本框和下拉框。第二部分和第三部分全是bootstrap表格。现在咱们就介绍这第一部分的赋值。
整体的思路是:在页面加载的时候就提交ajax,得到后台获取的json串,然后取值赋值。
但是我这么做就又出现了一个问题:我赋给下拉框值以后,原本下拉菜单下所有的选项全都没有了!!!也就是我给下拉框赋值之后就不能再重新选择选项了!!!这真是实现一个Bug又来一个bug,正在寻找解决方案,大家有什么好的意见吗?
我做的页面分为三部分,第一部分是个人信息的填写,大部分是文本框和下拉框。第二部分和第三部分全是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,正在寻找解决方案,大家有什么好的意见吗?
相关文章推荐
- bootstrap轮播加触摸滑动效果,手机上效果很好
- bootstrapValidator
- bootstrap3兼容360浏览器
- bootstrap 分页
- Bootstrap下拉菜单效果实例代码分享
- Bootstrap图片轮播组件使用实例解析
- Bootstrap编写一个在当前网页弹出可关闭的对话框 非弹窗
- Bootstrap编写一个同时适用于PC、平板、手机的登陆页面
- 基于mvc5+ef6+Bootstrap框架实现身份验证和权限管理
- MyEclipse 2016 CI 4新增BootStrap模板
- Bootstrap(基础)
- Bootstrap入门
- mvc5+ef6+Bootstrap 项目心得--身份验证和权限管理
- freemark和bootstrap中页面布局,页签,左右菜单
- bootstrap 中下拉菜单改为鼠标经过
- bootstrap与模态框
- bootstrap自定义提示框
- 基于bootsrtap的网页开发|慕课网案例
- Bootstrap之Carousel不能自动播放的解决办法
- 关于bootstrap--表格(tr的各种样式)