LayUI form select 下拉框不显示

弹出层Form: layui的下拉框总是显示不出来

 
    		

不显示代码:

 table.on('tool(transport)', function(obj){
    var data = obj.data;
    if(obj.event === 'add') {
    	 layer.open({
                type: 1,
                title: '新增物流公司信息',
                area: ['420px', '330px'],
                content: $('#edit_form').html()
            });
    	
            form.on('submit(formDemo)',function(messge){
                 console.log(messge.field);
                 console.log(obj.data);
                 var str={
                                "deliveryName":messge.field.deliveryName,
                                "deliveryCode":messge.field.deliveryCode,
                                "deliverySort":messge.field.deliverySort
                          };
                    $.ajax({
                            url:"/api/transport/insert",
                            type:"POST",
                            contentType: "application/json; charset=utf-8",
                            dataType: "json",   
                            data: JSON.stringify(str),
                            success:function (msg) {
                                console.log(msg);
                                // var returnCode = msg.returnValue//取得返回数据(Sting类型的字符串)的信息进行取值判断
                                if (msg) {
                                    //layer.closeAll('loading');
                                    //layer.load(2);
                                    layer.msg("修成功", {icon: 6});
                                  	layer.closeAll();
                                    // 加载层 - 风格
                                } else {
                                    layer.msg("新增失败", {icon: 5});
                                }
                            }
                        })
                        return false;//阻止表单跳转,网页url不显示提交的参数。
                    })
         
    }
});

显示代码:

 table.on('tool(transport)', function(obj){
    var data = obj.data;
    if(obj.event === 'add') {
    	 layer.open({
                type: 1,
                title: '新增物流公司信息',
                area: ['420px', '330px'],
                content: $('#edit_form').html()
            });
    	 	form.render();
            form.on('submit(formDemo)',function(messge){
                 console.log(messge.field);
                 console.log(obj.data);
                 var str={
                                "deliveryName":messge.field.deliveryName,
                                "deliveryCode":messge.field.deliveryCode,
                                "deliverySort":messge.field.deliverySort
                          };
                    $.ajax({
                            url:"/api/transport/insert",
                            type:"POST",
                            contentType: "application/json; charset=utf-8",
                            dataType: "json",   
                            data: JSON.stringify(str),
                            success:function (msg) {
                                console.log(msg);
                                // var returnCode = msg.returnValue//取得返回数据(Sting类型的字符串)的信息进行取值判断
                                if (msg) {
                                    //layer.closeAll('loading');
                                    //layer.load(2);
                                    layer.msg("修成功", {icon: 6});
                                  	layer.closeAll();
                                    // 加载层 - 风格
                                } else {
                                    layer.msg("新增失败", {icon: 5});
                                }
                            }
                        })
                        return false;//阻止表单跳转,网页url不显示提交的参数。
                    })
         
    }
});

核心代码:form 表单绑定相关事件之间,重新渲染表单:

form.render();

效果截图:

LayUI form select 下拉框不显示_第1张图片

你可能感兴趣的:(layUI)