欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

基于layer.js收货地址弹框选择,然后返回相应的地址信息

程序员文章站 2022-05-31 11:53:50
...

基于layer.js收货地址弹框选择,然后返回相应的地址信息
基于layer.js收货地址弹框选择,然后返回相应的地址信息
基于layer.js收货地址弹框选择,然后返回相应的地址信息

$('.selectaddress').click(function () {//图一联系方式中的点击事件
        top.layer.open({
            id: "layer_say_hello",
            type: 2,
            title: '请点击选择联系地址',
            shadeClose: true,
            shade: 0.8,
            area: ['300px', '400px'],
            content: "{:Url('/mobile/user/address_list')}", //iframe的url
            success: function (layero, index) {
//                var jquerySendHelloButton = $(".addre span", layero.find("iframe")[0].contentWindow.document);
                var jquerySendHelloButton = $(".listdetail", layero.find("iframe")[0].contentWindow.document);
                $(jquerySendHelloButton).click(function () {
                    var addressid = $(this).find('.addressId').val();
                    var consignee = $(this).find('.contact span').eq(0).text();
                    var phone = $(this).find('.contact span').eq(1).text();
                    var addre = $(this).find('.addre span').text();
                    $('.contact span').eq(0).text(consignee);
                    $('.contact span').eq(1).text(phone);
                    $('.addre span').eq(0).text(addre);
                    $('input[name=address_id]').val(addressid);
                    $('.selec').css('display','none');
                    $('.demand_add').css('display','block');
                    layer.close(index);
                })
                //传入参数,并赋值给iframe的元素
            }
        });
    })