欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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刪除某個元素爬坑

    淺談js數(shù)組splice刪除某個元素爬坑

    這篇文章主要介紹了淺談js數(shù)組splice刪除某個元素爬坑，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
    2020-10-10
  • 詳解ES6 中的Object.assign()的用法實例代碼

    詳解ES6 中的Object.assign()的用法實例代碼

    這篇文章主要介紹了ES6 Object.assign()的用法及用途,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
    2021-01-01
  • 原生js實現(xiàn)商品篩選功能

    原生js實現(xiàn)商品篩選功能

    這篇文章主要為大家詳細介紹了原生js實現(xiàn)商品篩選，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2019-10-10
  • 在JavaScript 中按字母排序之如何在 JS 中按名稱排序

    在JavaScript 中按字母排序之如何在 JS 中按名稱排序

    有時你可能有一個單詞數(shù)組,你想按字母順序（從 a-z）對每個單詞進行排序,或者你可能有一個包含用戶信息（包括名字）的對象數(shù)組,例如,你想按照用戶的名字來排序,接下來通過本文給大家介紹在JavaScript 中按字母排序之如何在 JS 中按名稱排序,需要的朋友可以參考下
    2023-09-09
  • 使用BootStrap進行輪播圖的制作

    使用BootStrap進行輪播圖的制作

    Bootstrap 輪播（Carousel）插件是一種靈活的響應(yīng)式的向站點添加滑塊的方式。這篇文章主要介紹了使用BootStrap進行輪播圖的制作的相關(guān)資料,需要的朋友可以參考下
    2017-01-01
  • JS實現(xiàn)簡易圖片輪播效果的方法

    JS實現(xiàn)簡易圖片輪播效果的方法

    這篇文章主要介紹了JS實現(xiàn)簡易圖片輪播效果的方法,實例分析了javascript操作圖片實現(xiàn)輪播特效的技巧,需要的朋友可以參考下
    2015-03-03
  • JS獲取當前時間戳與時間戳轉(zhuǎn)日期時間格式問題

    JS獲取當前時間戳與時間戳轉(zhuǎn)日期時間格式問題

    這篇文章主要介紹了JS獲取當前時間戳與時間戳轉(zhuǎn)日期時間格式,本文結(jié)合實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
    2023-01-01
  • JavaScript中添加監(jiān)聽句柄的方式

    JavaScript中添加監(jiān)聽句柄的方式

    這篇文章主要介紹了JavaScript中添加監(jiān)聽句柄的方式，監(jiān)聽就是觸發(fā)某事件之后做出的響應(yīng),監(jiān)聽句柄是觸發(fā)某相應(yīng)的條件，下面關(guān)于添加監(jiān)聽句柄的方式的詳細內(nèi)容，需要的朋友可以參考一下，希望對你有所幫助
    2022-02-02
  • text-align:justify實現(xiàn)文本兩端對齊 兼容IE

    text-align:justify實現(xiàn)文本兩端對齊 兼容IE

    對于text-align 我們再熟悉不過了，可是它有個justify屬性，平時很少用到，就鮮為人知了。justify是一種文本靠兩邊布局方式，一般應(yīng)用于書刊雜志排版；合理運用text-align:justify 有時會省去很多開發(fā)的時間，通過本文介紹text-align:justify實現(xiàn)文本兩端對齊 兼容IE
    2015-08-08
  • 微信小程序動態(tài)評分展示/五角星展示/半顆星展示/自定義長度展示功能的實現(xiàn)

    微信小程序動態(tài)評分展示/五角星展示/半顆星展示/自定義長度展示功能的實現(xiàn)

    這篇文章主要介紹了微信小程序動態(tài)評分展示/五角星展示/半顆星展示/自定義長度展示的實現(xiàn)，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-07-07

最新評論