layui获取弹出窗的值

一时失言乱红尘 2021-12-01 15:54 873阅读 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 条评论，873人围观）

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

相关阅读

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

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

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

相关 layui,关闭弹窗失败？

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

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

相关 LayUi 之弹出层

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

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

相关 layui——弹出层

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

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

相关 layui 关闭弹出框

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

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

相关 Layui的弹出层

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

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

相关 springBoot+layui+jquery+layui弹窗下拉框

layui 的增删改查。。。废话不多说上代码由于时间原因暂时只实现了查询的后台完整代码其他的会之后贴出来其实与查询相似有需要的可以等我贴出也可以照着查询仿写

Bertha 。/ 2022年01月07日 07:39/ 0 赞/ 446 阅读

相关 layui获取弹出窗的值

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

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

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

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

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

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

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

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