layui 弹出层值回传解决方式
更新时间：2019年11月14日 15:16:29 作者：zn65786412qq
今天小编就为大家分享一篇layui 弹出层值回传解决方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
如下所示：
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 弹出层值回传解决方式就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了浅谈js数组splice删除某个元素爬坑，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-10-10
详解ES6 中的Object.assign()的用法实例代码
这篇文章主要介绍了ES6 Object.assign()的用法及用途,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-01-01
这篇文章主要为大家详细介绍了原生js实现商品筛选，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-10-10
在JavaScript 中按字母排序之如何在 JS 中按名称排序
有时你可能有一个单词数组,你想按字母顺序（从 a-z）对每个单词进行排序,或者你可能有一个包含用户信息（包括名字）的对象数组,例如,你想按照用户的名字来排序,接下来通过本文给大家介绍在JavaScript 中按字母排序之如何在 JS 中按名称排序,需要的朋友可以参考下2023-09-09
Bootstrap 轮播（Carousel）插件是一种灵活的响应式的向站点添加滑块的方式。这篇文章主要介绍了使用BootStrap进行轮播图的制作的相关资料,需要的朋友可以参考下2017-01-01
这篇文章主要介绍了JS实现简易图片轮播效果的方法,实例分析了javascript操作图片实现轮播特效的技巧,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了JS获取当前时间戳与时间戳转日期时间格式,本文结合实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-01-01
这篇文章主要介绍了JavaScript中添加监听句柄的方式，监听就是触发某事件之后做出的响应,监听句柄是触发某相应的条件，下面关于添加监听句柄的方式的详细内容，需要的朋友可以参考一下，希望对你有所帮助2022-02-02
text-align:justify实现文本两端对齐 兼容IE
对于text-align 我们再熟悉不过了，可是它有个justify属性，平时很少用到，就鲜为人知了。justify是一种文本靠两边布局方式，一般应用于书刊杂志排版；合理运用text-align:justify 有时会省去很多开发的时间，通过本文介绍text-align:justify实现文本两端对齐 兼容IE2015-08-08
微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示功能的实现
这篇文章主要介绍了微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示的实现，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-07-07
最新评论