云迈博客

您现在的位置是:首页 > 前端技术 > 正文

前端技术

layer弹窗子页面传值给父页面

徐颖2020-11-07前端技术389
使用layer弹窗,打开弹窗layui.use('layer',function(){varlayer=layui.layer;});$('#sc_img').on('click',

使用layer弹窗,打开弹窗
layui.use(‘layer’, function(){
var layer = layui.layer;
});
$(‘#sc_img’).on(‘click’, function()
var index = layer.open({
type: 2,
title: false,
closeBtn:false,
area: [‘1000px’, ‘600px’],
id: ‘LAY_layuipro’,
anim: 2,
fixed: false,
maxmin: false,
shadeClose: true,
content: ‘img_select.html’
});
});

需要在弹窗的页面操作上一级页面的dom属性值。
$(‘#sure’).click(function(){
var img_arr = [];
$(‘.img_li’).each(function(i, n){

            if($(n).hasClass('selected')){
                console.log($(n));
                console.log($(n).find('.img_li_img'));
                console.log($(n).find('.img_li_img').attr("src"));
                img_arr.push($(n).find('.img_li_img').attr("src"));
            }
        })
        arr = img_arr.toString();
        console.log(arr);
        var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
        parent.$('#sc_img').val(arr);
        parent.layer.close(index); //再执行关闭
    })

var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.$(‘#sc_img’).val(arr);
直接使用 parent可以对父页面操作其dom属性。

发表评论

评论列表

  • 这篇文章还没有收到评论,赶紧来抢沙发吧~