Layui 在弹框中给select赋默认值_layui select 默认值-优快云博客

本文介绍了如何在Layui的弹出窗口中为select元素设置默认值，通过实例展示了具体的操作步骤和实现效果，帮助开发者解决在前端开发中遇到的相关问题。

先看一下效果，打开弹框后默认显示值

实现方法：先给下拉框追加一个option，之后重新渲染弹框的select

var index = layui.layer.open({
                    title: "草稿编辑",
                    type: 2,
                    content: "draftsEdit.html",
                    btn:['发布需求','存为草稿'],
                    success: function (layero, index) {
                        layui.layer.tips('点击此处返回草稿箱列表', '.layui-layer-setwin .layui-layer-close', {
                            tips: 3
                        });
                        var iframe=$(layero).find('iframe').contents();
                        var first='<option selected value="'+tdobj[1].innerHTML+'">'+tdobj[1].innerHTML+'</option>';
                        var two='<option selected value="'+tdobj[2].innerHTML+'">'+tdobj[2].innerHTML+'</option>';
                        var three='<option selected value="'+tdobj[3].innerHTML+'">'+tdobj[3].innerHTML+'</option>';
                        var val1=iframe.find("#pd_type").append(first);
                        var val2=iframe.find("#ps_twotype").append(two);
                        var val3=iframe.find("#ps_threetype").append(three);
                        // 新iframe窗口的对象
                        var iframeWin = layero.find('iframe')[0].contentWindow;
                        // 重新渲染select
                        iframeWin.layui.form.render('select');          
                    }
                    
                })