Layui使用型为1的页面弹窗父子赋值方式--编辑页面传值

Layui使用型为1的页面弹窗父子赋值方式–编辑页面传值

在学习layui的弹窗时，发现网上只有type为2(即iframer弹窗),但无法满足基本需求，通过不断尝试，实验出了type=1(即页面层的弹窗方式)，特此记录
父页面js

 layui.use(['layer'], function () {
          var  layer = layui.layer;//必须引入
                          layer.open({
                    type: 1,//1-页面弹窗
                    area: ['700px', '450px'],
                    content: 'test/iframe.html',//跳转地址，可以使后端地址
                    offset: '30px',
                    success: function (layero, index) {
                        layero.find('#id').val(data.id);//子页面的form-input的id
                        layero.find('#attrKey').val(data.attrKey);//子页面的form-input的id
                        layero.find('#attrType').val(data.attrType);//子页面的form-input的id
                        var valArr = data.attrValArray;
                        if (data.attrType === 2 || data.attrType === 3) { //动态子页面input框新增
                            layero.find('#attr-value').show();
                            if (valArr.length > 0) {
                                for (var i = 0; i < valArr.length; i++) {
                                    var htmlinfo = "";
                                    htmlinfo += '
';
                                    htmlinfo += '新增属性：';
                                    htmlinfo += '
';
                                    htmlinfo += "";
                                    htmlinfo += ' 
';
                                    htmlinfo += '删除';
                                    htmlinfo += '
';
                                    layero.find("#button-group").before(htmlinfo);//在最后的按钮组之前添加(确保位置)
                                }
                            }
                        }
                    }
                });

}

子页面html

    

        

            ID：
            

                
            
        
        

            属性名称：
            

                
            
        
        

            属性类型：
            

                
                    文本
                    单选
                    多选
                
            
        
        

            属性值：
            

                新增属性值
                
            
        
        

            

                取消
                
                保存
                
            
        
    
```