layui 彈出層值回傳解決方式
更新時間：2019年11月14日 15:16:29 作者：zn65786412qq
今天小編就為大家分享一篇layui 彈出層值回傳解決方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
如下所示：
layer.open({
type: 2,
title: "設(shè)置圍欄",
shadeClose: true,
shade: 0.4,
area: ['90%', '90%'],
content: "/ElectronicFence/Map?id=" + id + "&shapeType=" + shapeType,
btn: ['確定','關(guān)閉'],
yes: function(index){
//當點擊‘確定'按鈕的時候，獲取彈出層返回的值
var res = window["layui-layer-iframe" + index].callbackdata();
//打印返回的值，看是否有我們想返回的值。
console.log(res);
//最后關(guān)閉彈出層
layer.close(index);
},
cancel: function(){
//右上角關(guān)閉回調(diào)
}
});
注意：
var res = window["layui-layer-iframe" + index].callbackdata();
這行代碼中‘callbackdata'是彈出層里面定義的函數(shù)。也許我們知道了什么！這個函數(shù)的作用就是返回值。
彈出層添加這個:
<script>
var callbackdata = function () {
var data = {
username: 'zhangfj'
};
return data;
}
</script>
上面的代碼就是彈出層里面的JavaScript代碼，里面定義了函數(shù)'callbackdata' 用來返回值給調(diào)用彈出層的頁面。
這篇layui 彈出層值回傳解決方式就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了淺談js數(shù)組splice刪除某個元素爬坑，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-10-10
詳解ES6 中的Object.assign()的用法實例代碼
這篇文章主要介紹了ES6 Object.assign()的用法及用途,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-01-01
這篇文章主要為大家詳細介紹了原生js實現(xiàn)商品篩選，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
在JavaScript 中按字母排序之如何在 JS 中按名稱排序
有時你可能有一個單詞數(shù)組,你想按字母順序（從 a-z）對每個單詞進行排序,或者你可能有一個包含用戶信息（包括名字）的對象數(shù)組,例如,你想按照用戶的名字來排序,接下來通過本文給大家介紹在JavaScript 中按字母排序之如何在 JS 中按名稱排序,需要的朋友可以參考下2023-09-09
Bootstrap 輪播（Carousel）插件是一種靈活的響應式的向站點添加滑塊的方式。這篇文章主要介紹了使用BootStrap進行輪播圖的制作的相關(guān)資料,需要的朋友可以參考下2017-01-01
這篇文章主要介紹了JS實現(xiàn)簡易圖片輪播效果的方法,實例分析了javascript操作圖片實現(xiàn)輪播特效的技巧,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了JS獲取當前時間戳與時間戳轉(zhuǎn)日期時間格式,本文結(jié)合實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-01-01
這篇文章主要介紹了JavaScript中添加監(jiān)聽句柄的方式，監(jiān)聽就是觸發(fā)某事件之后做出的響應,監(jiān)聽句柄是觸發(fā)某相應的條件，下面關(guān)于添加監(jiān)聽句柄的方式的詳細內(nèi)容，需要的朋友可以參考一下，希望對你有所幫助2022-02-02
text-align:justify實現(xiàn)文本兩端對齊 兼容IE
對于text-align 我們再熟悉不過了，可是它有個justify屬性，平時很少用到，就鮮為人知了。justify是一種文本靠兩邊布局方式，一般應用于書刊雜志排版；合理運用text-align:justify 有時會省去很多開發(fā)的時間，通過本文介紹text-align:justify實現(xiàn)文本兩端對齊 兼容IE2015-08-08
微信小程序動態(tài)評分展示/五角星展示/半顆星展示/自定義長度展示功能的實現(xiàn)
這篇文章主要介紹了微信小程序動態(tài)評分展示/五角星展示/半顆星展示/自定義長度展示的實現(xiàn)，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-07-07