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

  • Post author:
  • Post category:其他





我做的这个页面现在需要回显数据,也就是如果这个学生已经填写了个人信息,那么当它再次来到这个页面的时候,他填写的信息还是需要存在的。





我做的页面分为三部分,第一部分是个人信息的填写,大部分是文本框和下拉框。第二部分和第三部分全是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 版权协议,转载请附上原文出处链接和本声明。