如何实现layui弹出层值回传到父页面？

本文共计354个文字，预计阅读时间需要2分钟。

以下是对原文的简化

示例：layer.open({ type: 2, title: '设置范围栏', shadeClose: true, shade: 0.4, area: ['90%', '90%'], content: '/ElectronicFence/Mapid=' + id + '&shapeType=' + shapeType, btn: ['确定', '关闭'], yes: function(index) { // 点击确定时的操作 }});

如下所示：

layer.open({ type: 2, title: "设置围栏", shadeClose: true, shade: 0.4, area: ['90%', '90%'], content: "/ElectronicFence/Map?id=" + id + "&shapeType=" + shapeType, btn: ['确定','关闭'], yes: function(index){ //当点击‘确定'按钮的时候，获取弹出层返回的值 var res = window["layui-layer-iframe" + index].callbackdata(); //打印返回的值，看是否有我们想返回的值。 console.log(res); //最后关闭弹出层 layer.close(index); }, cancel: function(){ //右上角关闭回调 } });

注意：

var res = window["layui-layer-iframe" + index].callbackdata();

这行代码中‘callbackdata'是弹出层里面定义的函数。也许我们知道了什么！这个函数的作用就是返回值。

弹出层添加这个:

<script> var callbackdata = function () { var data = { username: 'zhangfj' }; return data; } </script>

上面的代码就是弹出层里面的JavaScript代码，里面定义了函数'callbackdata' 用来返回值给调用弹出层的页面。

这篇layui 弹出层值回传解决方式就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易盾网络。