layui获取弹出窗的值

最新推荐文章于 2023-12-12 10:32:52 发布

请叫我菜鸡

最新推荐文章于 2023-12-12 10:32:52 发布

阅读量4.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： Layui 文章标签： layui 弹出窗

本文链接：https://blog.youkuaiyun.com/h_j_c_123/article/details/96644066

Layui 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何使用layui前端框架的layer.open方法打开弹出窗口，并实现数据的获取与交互。重点讲解了如何配置弹出窗口的参数，包括标题、尺寸、皮肤样式等，并演示了如何通过JavaScript获取弹出窗口内的表单数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先使用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();

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