layui 彈出層值回傳解決方式
更新時(shí)間：2019年11月14日 15:16:29 作者：zn65786412qq
今天小編就為大家分享一篇layui 彈出層值回傳解決方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
如下所示：
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){
//當(dāng)點(diǎn)擊‘確定'按鈕的時(shí)候，獲取彈出層返回的值
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ù)。也許我們知道了什么！這個(gè)函數(shù)的作用就是返回值。
彈出層添加這個(gè):
<script>
var callbackdata = function () {
var data = {
username: 'zhangfj'
};
return data;
}
</script>
上面的代碼就是彈出層里面的JavaScript代碼，里面定義了函數(shù)'callbackdata' 用來返回值給調(diào)用彈出層的頁面。
這篇layui 彈出層值回傳解決方式就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
JavaScript onclick與addEventListener使用的區(qū)別介紹
addEventListener()方法用于向指定元素添加事件句柄，使用 removeEventListener()方法來移除，onclick和addEventListener事件區(qū)別是：onclick事件會(huì)被覆蓋，而addEventListener可以先后運(yùn)行不會(huì)被覆蓋，addEventListener可以監(jiān)聽多個(gè)事件2022-09-09
大家都喜歡用innerHTML添加內(nèi)容，但是innerHTML這東西在兩大陣營中有許多不同。2010-02-02
本文主要講解了利用js制作xml在線編輯器的實(shí)例，文中講解實(shí)例的圖片和代碼非常詳細(xì)，感興趣的小伙伴現(xiàn)在一起來看一看吧2021-08-08
前端使用crypto.js進(jìn)行加密的函數(shù)代碼
最近在使用Cookies加密保存數(shù)據(jù)的時(shí)候，接觸到crypto，使用還算簡單，在這里記錄一下2020-08-08
ajax java 實(shí)現(xiàn)自動(dòng)完成功能
都知道百度建議是用ajax做的，想要做的快速穩(wěn)定，可復(fù)制可移植就不容易了,花時(shí)間研究還不如自己來寫。根據(jù)一個(gè)pdf文檔提供的資料，用了小半天時(shí)間，終于實(shí)現(xiàn)了。在此與大家分享2012-12-12
移動(dòng)端web滾動(dòng)分頁的實(shí)現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了移動(dòng)端web滾動(dòng)分頁的實(shí)現(xiàn)方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要介紹了JavaScript函數(shù)，函數(shù)是由事件驅(qū)動(dòng)的或者當(dāng)它被調(diào)用時(shí)執(zhí)行的可重復(fù)使用的代碼塊，需要的朋友可以參考下2015-12-12
這篇文章主要為大家詳細(xì)介紹了小程序模實(shí)現(xiàn)糊搜索功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
Js實(shí)現(xiàn)網(wǎng)頁鍵盤控制翻頁的方法
這篇文章主要介紹了Js實(shí)現(xiàn)網(wǎng)頁鍵盤控制翻頁的方法,較為詳細(xì)的分析了Js實(shí)現(xiàn)網(wǎng)頁鍵盤控制翻頁的原理與具體實(shí)現(xiàn)方法,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2014-10-10
這篇文章主要為大家介紹了Electron 電源狀態(tài)管理示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03