通常，彈出層關閉之前，需要將部分數據傳入父頁面。這個時候怎么辦呢？

通過success獲取frame層的index。

然后通過cancel事件，獲取子頁面數據。

拿獲取高德地圖坐標為例：

// 顯示地圖，設置坐標

function showMap() {

var tmpIndex = '';

layer.open({

type: 2,

title: '獲取店鋪坐標與地址',

shadeClose: true,

shade: 0.8,

area: ['990px', '680px'],

content: '{$Think.config.SHOP_ADMIN_URL}/benefitShop/setAddress',

success:function (layero,index) {

tmpIndex = index;

},

cancel: function () {

// 獲取子彈出層數據

var addressComponentDom =layer.getChildFrame('#addressComponent', tmpIndex);

if (addressComponentDom.val() != '') {

var addressComponentJson = JSON.parse(addressComponentDom.val());

var formattedAddress = addressComponentJson.province+addressComponentJson.city+addressComponentJson.district+addressComponentJson.township+addressComponentJson.poisName;

var lnglatDom= layer.getChildFrame('#lnglat', tmpIndex);

$("#coordinate").val(lnglatDom.val());

$("#formattedAddress").val(formattedAddress);

$("#province").val(addressComponentJson.province);

$("#city").val(addressComponentJson.city);

$("#district").val(addressComponentJson.district);

$("#address").val(addressComponentJson.township+addressComponentJson.poisName);

}

}

});

}

通過index，進入frame層，獲取相關的數據，設置到主頁面，然后通過表單保存到數據庫。

獲取layer.open彈出層的返回值

正在開發的車聯網項目用到了layer API.當我在開發“新建電子圍欄”的時候需要彈出地圖,用戶在地圖中畫一個區域,最后將這個彈出層的數據返回給原頁面.下面是我的實現過:程: 觸發彈出層的代碼: la ...

JS中通過LayUI的layer.prompt彈出文本輸入層，多個按鈕回調獲取輸入值

JS中通過LayUI彈出文本輸入層,多個按鈕回調: 如圖所示,輸入文本后點擊通過/不通過按鈕回調獲取輸入文本值的實現: 實現JS: layer.prompt({ formType: 2, // 彈出文 ...

jQuery、layer實現彈出層的打開、關閉功能實例詳解

本文主要介紹了jQuery.layer實現彈出層的打開.關閉功能,需要的朋友可以參考下,希望能幫助到大家. 打開彈出層: 在list頁面帶入layer.js 在list頁面點擊時,彈出form彈出層, ...

layer/layui彈出層插件bug

JS 點擊按鈕后彈出遮罩層，有關閉按鈕

隨機推薦

pycharm實用快捷鍵

提示?CTRL Q: 在參數列表位置,顯示可以輸入的所有參數.?CTRL Q: 查看選中方法的文檔字符串 閱讀?CTRL -: 折疊當前代碼?CTRL +: 展開當前代碼?CTRL SHIFT -: ...

MATLAB實現矩陣分塊相乘

要實現一下功能,這里$\bf{x}_i$為行向量 $${\bf{A}} = \left[ \begin{array}{l}{{\bf{x}}_1}\\{{\bf{x}}_2}\end{array} \ ...

Git 操作常用命令

Git使用 1. git pull ? ?更新服務器代碼到本地a). git pull origin master是將origin這個版本庫的代碼更新到本地的master主分支 2. git push ...

二、Nginx變量

$arg_PARAMETER 功能:如果在請求中設置了查詢字符串,那么這個變量包含在查詢字符串是GET請求PARAMETER中的值. $args 功能:該變量的值是GET請求在請求行中的參數. $bi ...

Java簡單知識梳理

1. Java是單根繼承結構:每個類都繼承于Object類 ,這也就保證了每個對象都具備某些功能 2. Java類權限關鍵字: public -> protected -> default ...

ios開發-日期處理(類似朋友圈，微博等的發送時間)

ios開發中,我們經常要處理從服務器獲取的時間.類似朋友圈,微博這些應用.我們經常可以看到“剛剛”,“31分鐘前發表”,“昨天5點”,之類的字樣. 當時我們從服務器端獲取的都是那條朋友圈信息,或者微博 ...

分頁 工具類 前后臺代碼 Java JavaScript (ajax) 實現 講解

[博客園cnblogs筆者m-yb原創, 轉載請加本文博客鏈接,筆者github: https://github.com/mayangbo666,公眾號aandb7,QQ群927113708]http ...

(9)EvenOddJump

一.問題描述 一只青蛙從數組(A)的每一個元素向數組尾部跳動.跳動規則如下: 當奇數跳的時候,就是第1.3.5.7....次進行移動時候,移動規則A[i] <= A[j],? 并且A[j] = ...

使用Hexo&plus;Github搭建屬于自己的博客(進階)

主題的配置:這里以NexT主題作為題材 1.安裝NexT,在其文件夾中鼠標右鍵,點擊Git Base Here.輸入命令:git clone https://github.com/iissnan/he ...

python3筆記(三)if&period;&period;&period;else、if&period;&period;&period;elif&period;&period;&period;else

if語句 if 語句的基本用法如下: if 表達式: 語句塊 其中,表達式可以是一個單純的布爾值或變量,也可以是比較表達式或邏輯表達式(例 如:a > band a != c),如果表達式為真, ...

總結

以上是生活随笔為你收集整理的怎么获取layer中的表单值_layer获取弹出frame层数据的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。