基于layer.js實(shí)現(xiàn)收貨地址彈框選擇然后返回相應(yīng)的地址信息

更新時(shí)間：2017年05月26日 11:39:43 作者：con_knife

這篇文章主要介紹了基于layer.js實(shí)現(xiàn)收貨地址彈框選擇然后返回相應(yīng)的地址信息,需要的朋友可以參考下

先給大家展示下效果圖：

這里寫圖片描述

核心代碼如下所示：

(‘.selectaddress').click(function () {//圖一聯(lián)系方式中的點(diǎn)擊事件 
    top.layer.open({ 
      id: “l(fā)ayer_say_hello”, 
      type: 2, 
      title: ‘請(qǐng)點(diǎn)擊選擇聯(lián)系地址', 
      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); 
})
      //傳入?yún)?shù)，并賦值給iframe的元素
    }
  });
})

以上所述是小編給大家介紹的基于layer.js實(shí)現(xiàn)收貨地址彈框選擇然后返回相應(yīng)的地址信息，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

微信小程序中如何實(shí)現(xiàn)動(dòng)態(tài)改變SVG顏色和尺寸
SVG可被非常多的工具讀取和修改SVG與JPEG和GIF圖像比起來(lái),尺寸更小,且可壓縮性更強(qiáng),下面這篇文章主要給大家介紹了關(guān)于微信小程序中如何實(shí)現(xiàn)動(dòng)態(tài)改變SVG顏色和尺寸的相關(guān)資料,需要的朋友可以參考下
2022-07-07
JavaScript建立一個(gè)語(yǔ)法高亮輸入框?qū)崿F(xiàn)思路
通常網(wǎng)站自帶的textarea編輯器不能滿足我們的需求比如高亮顯示代碼等,在這篇文章中，我將使用JavaScript庫(kù)ACE來(lái)創(chuàng)建一個(gè)輸入框效果,該腳本允許開(kāi)發(fā)人員創(chuàng)建支持語(yǔ)法高亮的輸入框,感興趣的你可不要錯(cuò)過(guò)了哈
2013-02-02
getElementsByTagName vs selectNodes效率及兼容的selectNodes實(shí)現(xiàn)
天在csdn上看到有人問(wèn) getElementsByTagName 和 selectNodes誰(shuí)更快，這個(gè)還真沒(méi)研究過(guò)。
2010-02-02
js實(shí)現(xiàn)網(wǎng)頁(yè)右上角滑出會(huì)自動(dòng)消失大幅廣告的方法
這篇文章主要介紹了js實(shí)現(xiàn)網(wǎng)頁(yè)右上角滑出會(huì)自動(dòng)消失大幅廣告的方法,是javascript廣告特效的典型應(yīng)用,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-02-02
javascript常用函數(shù)（1）
這篇文章主要介紹了javascript常用函數(shù)，15個(gè)常用函數(shù)，都具有很高的實(shí)用性，感興趣的小伙伴們可以參考一下
2015-11-11
JS實(shí)現(xiàn)合并json對(duì)象的方法
這篇文章主要介紹了JS實(shí)現(xiàn)合并json對(duì)象的方法,涉及javascript遞歸調(diào)用與json格式數(shù)據(jù)遍歷的相關(guān)操作技巧,需要的朋友可以參考下
2017-10-10
js計(jì)算兩個(gè)時(shí)間差天時(shí) 分秒毫秒的代碼
這篇文章主要介紹了js計(jì)算兩個(gè)時(shí)間差天時(shí) 分秒毫秒的實(shí)例代碼，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下
2019-05-05
js 實(shí)現(xiàn)watch監(jiān)聽(tīng)數(shù)據(jù)變化的代碼
這篇文章主要介紹了js 實(shí)現(xiàn)watch監(jiān)聽(tīng)數(shù)據(jù)變化的代碼，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2019-10-10
跟我學(xué)習(xí)javascript的函數(shù)和函數(shù)表達(dá)式
跟我學(xué)習(xí)javascript的函數(shù)和函數(shù)表達(dá)式，詳細(xì)介紹了函數(shù)表達(dá)式、命名函數(shù)表達(dá)式的方法，感興趣的小伙伴們可以參考一下
2015-11-11
js操作iframe兼容各種主流瀏覽器示例代碼
遇到了操作iframe的相關(guān)問(wèn)題，其實(shí)就是在操作iframe內(nèi)部某個(gè)窗體時(shí)，調(diào)用父窗體的一個(gè)函數(shù)，下面與大家分享下操作iframe兼容各種瀏覽器的方法
2013-07-07