先给大家展示下效果图:
核心代码如下所示:
rush: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();varconsignee=(this).find(‘.contact span').eq(0).text();
var phone = (this).find(‘.contactspan′).eq(1).text();varaddre=(this).find(‘.addre span').text();
(‘.contactspan′).eq(0).text(consignee);(‘.contact span').eq(1).text(phone);
(‘.addrespan′).eq(0).text(addre);(‘input[name=address_id]').val(addressid);
(‘.selec′).css(‘display′,′none′);(‘.demand_add').css(‘display','block');
layer.close(index);
})
//传入参数,并赋值给iframe的元素
}
});
})
以上所述是小编给大家介绍的基于layer.js实现收货地址弹框选择然后返回相应的地址信息。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。
原文地址:https://www.jb51.cc/js/38991.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。