基于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 相关文章推荐
ie8本地图片上传预览示例代码
Jan 12 Javascript
iframe窗口高度自适应的又一个巧妙实现思路
Apr 04 Javascript
JavaScript 基本概念
Jan 20 Javascript
同一个网页中实现多个JavaScript特效的方法
Feb 02 Javascript
四种参数传递的形式——URL,超链接,js,form表单
Jul 24 Javascript
jQuery 调用WebService 实例讲解
Jun 28 Javascript
JS实现探测网站链接的方法【测试可用】
Nov 08 Javascript
JS实现根据用户输入分钟进行倒计时功能
Nov 14 Javascript
vue实例中data使用return包裹的方法
Aug 27 Javascript
CKEditor 4.4.1 添加代码高亮显示插件功能教程【使用官方推荐Code Snippet插件】
Jun 14 Javascript
js实现秒表计时器
Dec 16 Javascript
javascript实现时间日期的格式化的方法汇总
Aug 06 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
PHP flush()与ob_flush()的区别详解
2013/06/03 PHP
教你如何解密 “ PHP 神盾解密工具 ”
2014/06/20 PHP
非常实用的PHP常用函数汇总
2014/12/17 PHP
PHP封装mysqli基于面向对象的mysql数据库操作类与用法示例
2019/02/25 PHP
laravel 自定义常量的两种方案
2019/10/14 PHP
namespace.js Javascript的命名空间库
2011/10/11 Javascript
setTimeout自动触发一个js的方法
2014/01/15 Javascript
Jquery在指定DIV加载HTML示例代码
2014/02/17 Javascript
angularJS 中$attrs方法使用指南
2015/02/09 Javascript
学习JavaScript设计模式(接口)
2015/11/26 Javascript
深入理解js promise chain
2016/05/05 Javascript
详解vue数据渲染出现闪烁问题
2017/06/29 Javascript
使用DataTable插件实现异步加载数据
2017/11/19 Javascript
详解webpack打包nodejs项目(前端代码)
2018/09/19 NodeJs
angularjs http与后台交互的实现示例
2018/12/21 Javascript
js核心基础之构造函数constructor用法实例分析
2019/05/11 Javascript
vue2.* element tabs tab-pane 动态加载组件操作
2020/07/19 Javascript
Python中类的继承代码实例
2014/10/28 Python
详解安装mitmproxy以及遇到的坑和简单用法
2019/01/21 Python
python-itchat 获取微信群用户信息的实例
2019/02/21 Python
在python中创建指定大小的多维数组方式
2019/11/28 Python
Python更新所有已安装包的操作
2020/02/13 Python
tensorflow模型转ncnn的操作方式
2020/05/25 Python
使用CSS3的::selection改变选中文本颜色的方法
2015/09/29 HTML / CSS
学习十八大报告感言
2014/02/04 职场文书
学习2014年全国两会心得体会
2014/03/12 职场文书
公司保密承诺书
2014/03/27 职场文书
经管应届生求职信范文
2014/05/18 职场文书
竞选班干部演讲稿300字
2014/08/20 职场文书
2014年绿化工作总结
2014/12/09 职场文书
综合素质自我评价评语
2015/03/06 职场文书
2015驻村干部工作总结
2015/04/07 职场文书
2015年房地产个人工作总结
2015/05/26 职场文书
鲁冰花观后感
2015/06/10 职场文书
学校标语口号大全
2015/12/26 职场文书
JS实现页面炫酷的时钟特效示例
2022/08/14 Javascript