ETJava Beta | Java    注册   登录
  • layui 获取弹出窗口页面的input值

    发表于 2024-11-26 15:08:51     阅读(190)     博客类别:Layui

    layui 获取弹出窗口页面的input值

    在点击某项操作时弹出窗口,在输入完成数据后 需要在父页面中获取到子页面(弹窗页面)的值

    First: 弹窗页面添加如下js内容

    <script src="/layui/layui.js"></script>
    <script src="/js/jquery.js"></script>
    <script type="text/javascript">
        /*父页面调用的方法 返回当前页面中表单的值*/
        var callbackdata = function () {
            var data = {
                tempid: $('input[name="code"]').val()
            };
            return data;
        }
    
    </script>

    Second: 父页面中通过iframe进行获取

    layer.open({
                type: 1,// 1表示请求当前页面中元素,2表示请求后台接口
                area: ['600px', '300px'],
                fix: false,
                //不固定
                maxmin: true,
                shade: 0.3,
                title: "授权访问",
                content: $('#aaaa'),// '/framework/validCode'
                btn: ['验证', '关闭'],
                // 弹层外区域关闭
                shadeClose: false,
                yes: function (index, layero) {
                    //点击处理按钮时的回调方法
                    var iframeWindow = window[layero.find('iframe')[0]['name']];
                    var value = iframeWindow.callbackdata(); // 假设子窗口提供了一个方法getValue来返回值
                    console.log(value)
                    valid(value['tempid'],index);
                },
                cancel: function (index, layero) {
                    // 点击右上角 X 的回调方法
                    layer.close(index);
                    return true;
                },
                end: function (index, layero) {
                    // 点击关闭按钮的回调方法
                    layer.close(index)
                }
            });