基于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();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实现收货地址弹框选择然后返回相应的地址信息，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# layer.js弹框  # layer.js  # 返回  # js+html5实现半透明遮罩层弹框效果  # vue.js中toast用法及使用toast弹框的实例代码  # js自定义弹框插件的封装  # 轻松实现js弹框显示选项  # vue.js实现只弹一次弹框  # js重写alert事件（避免alert弹框标题出现网址）  # js实现上下左右弹框划出效果  # javascript实现无法关闭的弹框  # JavaScript实现alert弹框效果  # JavaScript封装弹框插件的方法  # 小编  # 在此  # 请点击  # 给大家  # 收货  # 所示  # 所述  # 给我留言  # 感谢大家  # 先给  # 图一  # 疑问请  # 有任何  # true  # shadeClose  # layer_say_hello  # id  # title  # type  # px 

相关文章： 网站制作和推广的区别,想自己建立一个网站做推广，有什么快捷方法马上做好一个网站？  如何通过山东自助建站平台快速注册域名？  ,sp开头的版面叫什么？  建站OpenVZ教程与优化策略：配置指南与性能提升  微网站制作教程,不会写代码，不会编程，怎么样建自己的网站？  如何制作算命网站,怎么注册算命网站？  大连网站设计制作招聘信息,大连投诉网站有哪些？  网站建设设计制作营销公司南阳,如何策划设计和建设网站？  宠物网站制作html代码,有没有专门介绍宠物如何养的网站啊？  一键制作网站软件下载安装,一键自动采集网页文档制作步骤？  网站制作说明怎么写,简述网页设计的流程并说明原因？  建站主机选购指南：核心配置优化与品牌推荐方案  如何获取开源自助建站系统免费下载链接？  网站制作公司排行榜,抖音怎样做个人官方网站  微信小程序 input输入框控件详解及实例（多种示例）  广州网站制作公司哪家好一点,广州欧莱雅百库网络科技有限公司官网？  香港服务器网站推广：SEO优化与外贸独立站搭建策略  建站之星客服服务时间及联系方式如何？  历史网站制作软件,华为如何找回被删除的网站？  江苏网站制作公司有哪些,江苏书法考级官方网站？  高性能网站服务器配置指南：安全稳定与高效建站核心方案  建站之星与建站宝盒如何选择最佳方案？  阿里云高弹*务器配置方案｜支持分布式架构与多节点部署  如何通过智能用户系统一键生成高效建站方案？  如何零成本快速生成个人自助网站？  如何在万网自助建站平台快速创建网站？  建站之星后台管理：高效配置与模板优化提升用户体验  建站主机CVM配置优化、SEO策略与性能提升指南  西安市网站制作公司,哪个相亲网站比较好?西安比较好的相亲网站？  小米网站链接制作教程,请问miui新增网页链接调用服务有什么用啊？  建站主机默认首页配置指南：核心功能与访问路径优化  如何选择高效便捷的WAP商城建站系统？  如何快速选择适合个人网站的云服务器配置？  英语简历制作免费网站推荐,如何将简历翻译成英文？  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍？  php条件判断怎么写_ifelse和switchcase的使用区别【对比】  如何在宝塔面板中修改默认建站目录？  企业网站制作费用多少,企业网站空间一般需要多大，费用是多少？  如何通过云梦建站系统实现SEO快速优化？  寿县云建站：智能SEO优化与多行业模板快速上线指南  广州建站公司哪家好？十大优质服务商推荐  如何高效搭建专业期货交易平台网站？  制作网站哪家好,cc、.co、.cm哪个域名更适合做网站？  重庆网站制作公司哪家好,重庆中考招生办官方网站？  高端云建站费用究竟需要多少预算？  安徽网站建设与外贸建站服务专业定制方案  如何通过服务器快速搭建网站？完整步骤解析  如何高效完成自助建站业务培训？  北京的网站制作公司有哪些,哪个视频网站最好？  javascript基本数据类型及类型检测常用方法小结