加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

【bootstrap】--- 动态给select赋值(未完)

发布时间:2020-12-17 20:58:29 所属栏目:安全 来源:网络整理
导读:? 我做的这个页面现在需要回显数据,也就是如果这个学生已经填写了个人信息,那么当它再次来到这个页面的时候,他填写的信息还是需要存在的。 ? ? 我做的页面分为三部分,第一部分是个人信息的填写,大部分是文本框和下拉框。第二部分和第三部分全是bootstra
?我做的这个页面现在需要回显数据,也就是如果这个学生已经填写了个人信息,那么当它再次来到这个页面的时候,他填写的信息还是需要存在的。
? ? 我做的页面分为三部分,第一部分是个人信息的填写,大部分是文本框和下拉框。第二部分和第三部分全是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,正在寻找解决方案,大家有什么好的意见吗?

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读