博客

layui提交表单后，下拉框追加option无法追加，已解决

  • Post author:
  • Post category:其他


提交请求后返回数据，追加，结果不显示 

form.on('select(build)',function () {
                var build = $("#buildId").val();
                $.ajax({
                    url:"/student/searchRoom",
                    data:{"dormBuildid":build},
                    type:"post",
                    dataType:"json",
                    success:function (data) {
                        console.log(data)
                        var result = data;
                        var selectOption = "";
                        selectOption += "<option value=''>"+"=======请选择========"+"</option>";
                        for(var i=0;i<result.length;i++){
                            selectOption += "<option value="+result[i].dormname+">"+result[i].dormname+"</option>";
                            console.log(selectOption)
                        }
                        $("#dorm").html(selectOption);

                    }
                })
                return false;
            })

解决：form.render(); 使其表单刷新，重新渲染。 

form.on('select(build)',function () {
                var build = $("#buildId").val();
                $.ajax({
                    url:"/student/searchRoom",
                    data:{"dormBuildid":build},
                    type:"post",
                    dataType:"json",
                    success:function (data) {
                        console.log(data)
                        var result = data;
                        var selectOption = "";
                        selectOption += "<option value=''>"+"=======请选择========"+"</option>";
                        for(var i=0;i<result.length;i++){
                            selectOption += "<option value="+result[i].dormname+">"+result[i].dormname+"</option>";
                            console.log(selectOption)
                        }
                        $("#dorm").html(selectOption);
                        form.render();
                    }
                })
                return false;
            })


版权声明：本文为da297368860原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。