thinkphp+layui，在父页面对弹窗中的控件进行赋值操作（传值）。

偏执的太偏执、 2022-05-23 09:55 178阅读 0赞

#### 问题描述：点击评论回复按钮->弹出表单输入框->对所点击的按钮进行回复评论->提交回复。 ####

这里遇到的问题就是怎么通过layer创建一个弹窗并把这个需要操作的id值传到iframe弹出层。

解决：点击当前条需要回复的评论并获取到这个评论的id值，在点击回复按钮是用一个onclick方法把这个id传给这个方法；

在success中进行传值操作。

##### 方法中的操作： #####

function reply(id) {
            layui.use('layer', function () {
                var $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句
    
                layer.msg('正在打开',{time:100});
                layer.msg('正在打开',{time:100});
                layer.open({
                    type: 2 //此处以iframe举例
                    , title: '添加新课程'
                    , area: ['600px', '300px']
                    , shade: 0
                    , maxmin: true
                    , offset: 'auto'//显示坐标-auto居中
                    , content: '{:url("index/reply")}'
                    , zIndex: layer.zIndex //重点1
                    , success: function (layero) {
                        layer.setTop(layero); //重点2，窗体显示最前
                        // layero.find("iframe")        找到iframe的jquery对象
                        // layero.find("iframe")[0]     将jqeruy对象转化为Dom对象
                        // contentWindow                获取当前 iframe 的 内容 window对象（Dom对象）
                        //.send-hello 是 LayerFrame 的元素
                        var jquerySendButton = $("#commentid", layero.find("iframe")[0].contentWindow.document);//对当前显示最前的iframe进行操作
                        jquerySendButton.val(id);//设置当前窗体里面id为commentid的值
                    }
                });
            });
        }

这里的\#commentid对应的是弹出页面中的空间，这里是表单中的一个input，对其设置value属性。

##### 弹出层中的表单代码 #####

<form class="layui-form" role="search" action="" id="myform" method="POST">
        <input type="number" name="teacherId" hidden value="{$Think.session.teacherid}">
        <input type="number" name="commentid" id="commentid" hidden value="">
    
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">课程简介</label>
            <div class="layui-input-block">
                <textarea name="content" placeholder="请输入内容" class="layui-textarea"></textarea>
            </div>
        </div>
    
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit="" lay-filter="demo1">提交回复</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
    </form>

这里顺便提一下，在点击按钮调起弹出层遇到的一个问题-->点击弹出按钮后页面虽然弹出但是显示为空白页，关闭后  
再次打开才能显示出页面内容，这里我的想的是，要打开两次那我就先用一个弹出层来缓冲以下.  
在打开iframe之前加一句：

layer.msg('正在打开',{time:100});

大家有好办法可以评论回复下！

本文参考：https://blog.csdn.net/returningprodigal/article/details/53541337

发表评论取消回复

表情：

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

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

相关阅读

相关 Winform中在FastReport的PreviewControl预览控件中对report控件模板中控件值进行修改

场景 FastReport安装包下载、安装、去除使用限制以及工具箱中添加控件： [https://blog.csdn.net/BADAO\_LIUMANG\_QIZ...

- 日理万妓/ 2024年04月19日 11:11/ 0 赞/ 71 阅读

相关 Jquery中对常用控件赋值的方法

场景通过Jquery进行ajax请求数据后将返回的数据给页面中的控件进行赋值。实现 1.对input进行赋值 $("id").v

怼烎@/ 2023年10月18日 18:16/ 0 赞/ 57 阅读

相关在Android原生弹窗中引用Flutter页面

如果没有引入FlutterBoost，可以使用FlutterView // 通过FlutterView引入Flutter编写的页面 FlutterView f

左手的ㄟ右手/ 2023年10月09日 13:48/ 0 赞/ 30 阅读

相关 Winform中怎样在工具类中对窗体中多个控件进行操作(赋值)

场景需求是在窗体加载完成后掉用工具类的方法，工具类中获取窗体的多个控件对象进行赋值。注: 博客主页： [https://blog.csdn.net/badao

今天药忘吃喽~/ 2023年10月08日 10:05/ 0 赞/ 21 阅读

相关 js弹窗返回后改变页面控件的值

js弹窗返回后改变页面控件的值(含两种方式) showModalDialog帮助可以参阅微软MSDN [http://msdn.microsoft.com/workshop/

系统管理员/ 2022年08月13日 16:56/ 0 赞/ 191 阅读

相关【JS】:JS中父页面与子页面传值

一、子页面是父页面通过window.open弹出的情况子页面要向父页面传值，只要在document前面加window.opener即可。如： 1.父页面代码：

布满荆棘的人生/ 2022年06月18日 11:43/ 0 赞/ 344 阅读

相关 thinkphp+layui，在父页面对弹窗中的控件进行赋值操作（传值）。

问题描述：点击评论回复按钮->弹出表单输入框->对所点击的按钮进行回复评论->提交回复。这里遇到的问题就是怎么通过layer创建一个弹窗并把这个需要操作的id值传到if

偏执的太偏执、/ 2022年05月23日 09:55/ 0 赞/ 179 阅读

相关对父页面相关操作的介绍

当layer以iframe层的方式弹出新的窗口（子页面），如何在子页面中访问父页面的元素和函数。 1、访问父页面元素值： var parentId=pare

落日映苍穹つ/ 2022年05月09日 13:46/ 0 赞/ 155 阅读

相关 layui弹窗 iframe子页面弹窗如何覆盖父级页面

使用iframe进行嵌套页面，需求要在iframe内点击按钮，出现弹窗，但是实现中发现这个弹窗只覆盖了子页面，父页面内容仍可点击。要实现覆盖整个页面，这里就需要用到layu

末蓝、/ 2022年04月18日 06:14/ 0 赞/ 308 阅读

相关 C# winform 用子窗体刷新父窗体,子窗体改变父窗体控件的值

第一种方法: 用委托,Form2和Form3是同一组 Form2 C\代码 using System; using System.Collection

偏执的太偏执、/ 2021年10月23日 06:43/ 0 赞/ 629 阅读