先给大家展示下效果图：

核心代码如下所示：

(‘.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 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Laravel如何实现API版本控制_Laravel API版本化路由设计策略  jquery插件bootstrapValidator表单验证详解  Win11搜索栏无法输入_解决Win11开始菜单搜索没反应问题【技巧】  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  node.js报错：Cannot find module 'ejs'的解决办法  Midjourney怎样加参数调细节_Midjourney参数调整技巧【指南】  开心动漫网站制作软件下载,十分开心动画为何停播？  微博html5版本怎么弄发语音微博_语音录制入口及时长限制操作【教程】  Laravel如何生成和使用数据填充？（Seeder和Factory示例）  专业商城网站制作公司有哪些,pi商城官网是哪个？  东莞市网站制作公司有哪些,东莞找工作用什么网站好？  Internet Explorer官网直接进入 IE浏览器在线体验版网址  如何在橙子建站中快速调整背景颜色？  laravel怎么使用数据库工厂（Factory）生成带有关联模型的数据_laravel Factory生成关联数据方法  如何快速生成凡客建站的专业级图册？  Laravel模型事件有哪些_Laravel Model Event生命周期详解  网站制作软件免费下载安装,有哪些免费下载的软件网站？  javascript日期怎么处理_如何格式化输出  Win11怎么设置虚拟桌面 Win11新建多桌面切换操作【技巧】  Laravel Telescope怎么调试_使用Laravel Telescope进行应用监控与调试  Java解压缩zip - 解压缩多个文件或文件夹实例  大连网站制作公司哪家好一点,大连买房网站哪个好？  Laravel如何使用Service Provider服务提供者_Laravel依赖注入与容器绑定【深度】  如何在阿里云购买域名并搭建网站？  laravel怎么实现图片的压缩和裁剪_laravel图片压缩与裁剪方法  手机怎么制作网站教程步骤,手机怎么做自己的网页链接？  Laravel PHP版本要求一览_Laravel各版本环境要求对照  Laravel Asset编译怎么配置_Laravel Vite前端构建工具使用  Laravel如何使用Livewire构建动态组件？（入门代码）  Laravel怎么配置不同环境的数据库_Laravel本地测试与生产环境动态切换【方法】  Linux安全能力提升路径_长期防护思维说明【指导】  韩国服务器如何优化跨境访问实现高效连接？  如何在万网ECS上快速搭建专属网站？  使用spring连接及操作mongodb3.0实例  Win11怎样安装网易有道词典_Win11安装词典教程【步骤】  php 三元运算符实例详细介绍  谷歌Google入口永久地址_Google搜索引擎官网首页永久入口  Win11怎么更改系统语言为中文_Windows11安装语言包并设为显示语言  详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）  如何在IIS7上新建站点并设置安全权限？  javascript中对象的定义、使用以及对象和原型链操作小结  Python正则表达式进阶教程_复杂匹配与分组替换解析  HTML 中动态设置元素 name 属性的正确语法详解  Laravel的.env文件有什么用_Laravel环境变量配置与管理详解  laravel服务容器和依赖注入怎么理解_laravel服务容器与依赖注入解析  制作旅游网站html,怎样注册旅游网站？  WordPress 子目录安装中正确处理脚本路径的完整指南  Win11搜索不到蓝牙耳机怎么办 Win11蓝牙驱动更新修复【详解】  Laravel Session怎么存储_Laravel Session驱动配置详解  JavaScript如何实现路由_前端路由原理是什么