微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

先给大家展示下效果图:

这里写图片描述

这里写图片描述

这里写图片描述

核心代码如下所示:

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 举报,一经查实,本站将立刻删除。

相关推荐