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


Posted in Javascript onMay 26, 2017

先给大家展示下效果图:

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

Javascript 相关文章推荐
用Mootools获得操作索引的两种方法分享
Dec 12 Javascript
javascript垃圾收集机制与内存泄漏详细解析
Nov 11 Javascript
超简单JS二级、多级联动的简单实例
Feb 18 Javascript
使用jquery组件qrcode生成二维码及应用指南
Feb 22 Javascript
浅析JavaScript事件和方法
Feb 28 Javascript
javascript实现自动填写表单实例简析
Dec 02 Javascript
详解Angular.js指令中scope类型的几种特殊情况
Feb 21 Javascript
Javascript 链式作用域详细介绍
Feb 23 Javascript
前端防止用户重复提交js实现代码示例
Sep 07 Javascript
layui数据表格跨行自动合并的例子
Sep 02 Javascript
详解elementUI中input框无法输入的问题
Apr 27 Javascript
vue3.0 加载json的方法(非ajax)
Oct 26 Javascript
jQuery导航条固定定位效果实例代码
May 26 #jQuery
mongoose中利用populate处理嵌套的方法
May 26 #Javascript
Angularjs修改密码的实例代码
May 26 #Javascript
详解vue.js的devtools安装
May 26 #Javascript
详解Vue.js基于$.ajax获取数据并与组件的data绑定
May 26 #Javascript
vue.js获取数据库数据实例代码
May 26 #Javascript
详解通过JSON数据使用VUE.JS
May 26 #Javascript
You might like
PHP4引用文件语句的对比
2006/10/09 PHP
Windows中安装Apache2和PHP4权威指南
2006/11/18 PHP
php中让上传的文件大小在上传前就受限制的两种解决方法
2013/06/24 PHP
PHP中的use关键字概述
2014/07/23 PHP
ThinkPHP中的三大自动简介
2014/08/22 PHP
PHP中使用Memache作为进程锁的操作类分享
2015/03/30 PHP
犀利的js 函数集合
2009/06/11 Javascript
JS实现鼠标滑过链接改变网页背景颜色的方法
2015/10/20 Javascript
属于你的jQuery提示框(Tip)插件
2016/01/20 Javascript
jQuery+canvas实现简单的球体斜抛及颜色动态变换效果
2016/01/28 Javascript
JS获取IMG图片高宽的简单实例
2016/05/17 Javascript
深入分析javascript中的错误处理机制
2016/07/17 Javascript
完美实现八种js焦点轮播图(上篇)
2016/07/18 Javascript
Bootstrap提示框效果的实例代码
2017/07/12 Javascript
AngularJS实现注册表单验证功能
2017/10/16 Javascript
JS实现中英文混合文字溢出友好截取功能
2018/08/06 Javascript
js正则取值的结果数组调试方法
2018/10/10 Javascript
浅谈HTTP 缓存的那些事儿
2018/10/17 Javascript
vue3.0实现插件封装
2020/12/14 Vue.js
[54:09]RNG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.23
2019/09/05 DOTA
Python抓取框架 Scrapy的架构
2016/08/12 Python
Windows下安装python MySQLdb遇到的问题及解决方法
2017/03/16 Python
python获取本机所有IP地址的方法
2018/12/26 Python
ubuntu 18.04 安装opencv3.4.5的教程(图解)
2019/11/04 Python
Django 解决上传文件时,request.FILES为空的问题
2020/05/20 Python
python输入中文的实例方法
2020/09/14 Python
什么是ARP(Address Resolution Protocol)地址解析协议
2013/10/31 面试题
如何通过jdbc调用存储过程
2012/04/19 面试题
送给程序员的20个Java集合面试问题
2014/08/06 面试题
自荐书模板
2013/12/19 职场文书
《大自然的语言》教学反思
2014/04/08 职场文书
临床护理求职信
2014/04/26 职场文书
秦始皇兵马俑导游词
2015/02/02 职场文书
工作后的感想
2015/08/07 职场文书
导游词之南京汤山温泉
2019/11/26 职场文书
SpringBoot2零基础到精通之数据库专项精讲
2022/03/22 Java/Android