layui获取弹出窗的值

一时失言乱红尘 2021-12-01 15:54 892阅读 0赞

首先使用layui前端框架打开弹出窗，使用 layer.open方法

layer.open({
                type: 2,
                title: '请输入收费信息',
                area: ['360px', '520px'],
                skin: 'layui-layer-rim', //加上边框
    //            content: ['mobile/', 'no'],
                content: ['/pay/addPayinfo.do'],
                btn: ['确认', '关闭'],
                yes: function (index, layero) {
    //                获取弹出框的值
                    var bodys = layer.getChildFrame("body", index);
                    var datas = bodys.find(".layui-input").serializeArray();
                    console.log(datas);
                    //最后关闭弹出层
                    layer.close(index);
                }
            });

如果使用yes函数就需要手动的关闭弹出窗 layer.close(index);

content可以使用另一个视图的链接或是请求就可以看到视图

获取弹出窗的值，是根据name属性进行获取的：

var bodys = layer.getChildFrame("body", index);

var datas = bodys.find(".layui-input").serializeArray();

欢迎关注我的微信公众号,更多内容将在微信公众号中发布：

![20201214163531501.jpg][]

[20201214163531501.jpg]: /images/20211201/2b2b30dbbd044535b02359f9d1822433.png

发表评论取消回复

表情：

评论列表（有 0 条评论，892人围观）

还没有评论，来说两句吧...

相关阅读

相关 layui弹出层

layer.open({ type: 1, title: "项目人员分配", area: ['50%',

雨点打透心脏的1/2处/ 2023年03月13日 13:18/ 0 赞/ 26 阅读

相关 /* 触发弹层 */(layui弹窗)

测试48种layui弹窗 <div class="layui-fluid" id="LAY-component-layer-list"> <div c

淩亂°似流年/ 2022年12月28日 12:37/ 0 赞/ 216 阅读

相关 layui,关闭弹窗失败？

layui关闭弹窗失败可能是获取当前页面index错误，官方给出的方法只能获取最新打开的窗口下标，如果在页面中开启过其他窗口（比如说上传文件）会导致获取不到当前页面下标； 1

谁借莪１个温暖的怀抱￠/ 2022年12月13日 15:27/ 0 赞/ 269 阅读

相关 LayUi 之弹出层

这个东西应该不是很难，用到的东西也不是很多，但是弹出层却是贤心的一大亮点，所以我们还是有必要重视一下，哈哈~ 弹出层所涉及到的东西还是很多的，就比如蒙层啊，双层弹出框，

客官°小女子只卖身不卖艺/ 2022年05月20日 04:27/ 0 赞/ 398 阅读

相关 layui——弹出层

$("createUser").click(function () { layer.open({ type:2

梦里梦外;/ 2022年05月12日 14:04/ 0 赞/ 391 阅读

相关 layui 关闭弹出框

作者：TROY\_Musou 原文：[https://blog.csdn.net/troy\_musou/article/details/73499459][https_b

快来打我*/ 2022年04月03日 13:40/ 0 赞/ 457 阅读

相关 Layui的弹出层

1：先在HTML页面上放一个button按钮，给按钮ID，设置样式，按钮的作用就是弹出layui的open层： <button|type=“button”|id="O

逃离我推掉我的手/ 2022年01月22日 03:09/ 0 赞/ 853 阅读

相关 layui获取弹出窗的值

首先使用layui前端框架打开弹出窗，使用 layer.open方法 layer.open({ type: 2,

一时失言乱红尘/ 2021年12月01日 15:54/ 0 赞/ 893 阅读

相关 Layui关闭弹窗返回值的两种方式（二）

二、操作弹窗打开的子页面返回值场景：此处小编的场景是操作ztree树，其实和操作列表都是一样的。通过点击增加按钮弹窗选择树节点，关闭窗口返回值 ![wat

古城微笑少年丶/ 2021年10月19日 03:50/ 0 赞/ 1396 阅读

相关 Layui关闭弹窗返回值的两种方式（一）

根据实际操作小编遇到的返回值方式是两种： 1、直接操作打开的窗口获取值 2、操作弹窗打开的子页面返回值下面就讲解两个实例，以作总结，以不

朱雀/ 2021年10月19日 03:38/ 0 赞/ 1528 阅读