一、layui父窗口获取子页面的form的值


var GetParams = function(url,bool) {
try {
if(bool){
var index = url.indexOf('?');
url = url.match(/\?([^#]+)/)[1];
}
var obj = {}, arr = url.split('&');
for (var i = 0; i < arr.length; i++) {
var subArr = arr[i].split('=');
obj[subArr[0]] = subArr[1];
}
return obj;
} catch (err) {
return null;
}
}; layer.open({
    type: 2,
title: "开发票",
area: ['700px', '500px'],
fixed: false, //不固定
btn: ['确定','取消'], //按钮
content: './openinvoice.html',//iframe
yes: function(index, layero){
var body = layero.find("iframe").contents().find("body");
var vals = $$(body).find('form').serialize();
var dataObj = GetParams(vals);//Url参数转JSON
if(!dataObj.invoice_id){
layer.msg("请选择需要发票信息");
}
console.log(dataObj);
}
});

二、layui获取子集表单中的值,关闭父级弹窗

    var GetParams = function(url,bool) {
try {
if(bool){
var index = url.indexOf('?');
url = url.match(/\?([^#]+)/)[1];
}
var obj = {}, arr = url.split('&');
for (var i = 0; i < arr.length; i++) {
var subArr = arr[i].split('=');
obj[subArr[0]] = subArr[1];
}
return obj;
} catch (err) {
return null;
}
};
layer.open({
type: 2 //此处以iframe举例
,title: '邀请面试'
,area: ['550px', '550px']
,shade: 0
,maxmin: true
,content: './alt_page.html?id='+id
,btn: ['发送', '取消']
,yes: function(index,layero){
var body = layer.getChildFrame('body',index);
var vals = $(body).children(form).serialize();
var dataObj = GetParams(vals);//Url参数转JSON
console.log(vals);
console.log(dataObj);
}
,btn2: function(){
layer.closeAll();
layer.msg('取消')
}
,zIndex: layer.zIndex //重点1
,success: function(layero){
layer.setTop(layero); //重点2
}
});

二、关闭父级弹窗

//方法1
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.layer.close(index); //再执行关闭 //方法2
parent.layer.closeAll(); //也可以这样

  

  

注意:需要创建服务之后才能正常使用哦,也就是说访问的地址前边必须是http或者https

layui获取子集表单中的值,关闭父级弹窗的更多相关文章

  1. jQuery中设置form表单中action值与js有什么不同。。。。

    jQuery中设置form表单中action值与js有什么不同.... HTML代码如下: <form action="" method="post" i ...

  2. jQuery中设置form表单中action值的方法

    jQuery中设置form表单中action值的方法 (2011-03-17 10:18:19) 转载▼ 标签: 杂谈   html代码: <form id="myFormId&quo ...

  3. 预定义的 $_POST 变量用于收集来自 method="post" 的表单中的值

    PHP $_POST 变量 在 PHP 中,预定义的 $_POST 变量用于收集来自 method="post" 的表单中的值. $_POST 变量 预定义的 $_POST 变量用 ...

  4. 预定义的 $_GET 变量用于收集来自 method="get" 的表单中的值

    PHP $_GET 变量 在 PHP 中,预定义的 $_GET 变量用于收集来自 method="get" 的表单中的值. $_GET 变量 预定义的 $_GET 变量用于收集来自 ...

  5. 小程序--log居中 失焦获取表单中的值

    value="{{username}}" 绑定值 值在js文件的data中 pa==>Vant-Weap中表单中的值,不是双向绑定的. 你获取值后, 值并没有在对用的data ...

  6. jquery获取form表单中的内容,并将表单内容更新到datagrid的一行

    //执行不刷新页面更新所修改的行 var arr = $('#patient_form').serializeArray();//将表单中的数据格式化成数组 var m = new Array(); ...

  7. 5 获取Form表单取值

    #form表达提交@app.route("/data",methods=['GET','POST']) #methods 让当前路由支持GET 和 POST 方式def data( ...

  8. 如何用jquery获取form表单的值

    $(function(){ $('.btn').click(function(){ alert($('#form').serialize()); }) }) 这样就获取到了 #form的值.

  9. rails 表单中默认值

    在表单中加入默认提示值,如(email@email.com): <div class="field"> <%= form.label :email,"E ...

随机推荐

  1. vpx

    VPX 编辑 本词条缺少名片图,补充相关内容使词条更完整,还能快速升级,赶紧来编辑吧! VPX总线是VITA(VME International Trade Association, VME国际贸易协 ...

  2. Java常用调试技巧(转)

    调试不仅可以查找到应用程序缺陷所在,还可以解决缺陷.对于Java程序员来说,他们不仅要学会如何在Eclipse里面开发像样的程序,更需要学会如何调试程序.本文介绍了Java程序员必知的10个调试技巧, ...

  3. Linux成为云计算平台的主流操作系统

    导读 这是一个人人谈"云"."大数据"的时代,作为一个IT民工,如果与同行间聊天时,不谈及这方面的内容,有人可能会觉得你落伍了,跟不上这个时代了. 这是一个人人 ...

  4. FTP登录不上 显示“找不到元素”

    FTP登录不上 显示“找不到元素” 问题描述: 资源管理器登陆不上ftp服务器,ie现在打不开网页(包括普通的网页和ftp)360等其他浏览器可以正常打开网页. 解决方法: 应该是用了代理软件的问题, ...

  5. 使用Guava获取某一个类的指定超类上的泛型Type T

    package com.geostar.gfstack.operationcenter.log.common.hibernate; import com.geostar.gfstack.operati ...

  6. this view is not constrainted......

    this view is not constrainted 解决方案: <EditText android:id="@+id/editText" android:layout ...

  7. BZOJ2809 dispatching 【可并堆】

    题目分析: yy一下就知道了,合并用可并堆少个log. 代码: #include<bits/stdc++.h> using namespace std; ; int n,m; int b[ ...

  8. 四种对话框(dialog)的简单使用方法

    有普通对话框,单选对话框,复选对话框,进度条的两种实现方法话不多说,直接上代码 activity_main.xml: <?xml version="1.0" encoding ...

  9. Django+Xadmin打造在线教育系统(一)

    系统概括: 系统具有完整的用户登录注册以及找回密码功能,拥有完整个人中心. 个人中心: 修改头像,修改密码,修改邮箱,可以看到我的课程以及我的收藏.可以删除收藏,我的消息. 导航栏: 公开课,授课讲师 ...

  10. [USACO12MAR] 花盆Flowerpot

    类型:二分+单调队列 传送门:>Here< 题意:给出$N$个点的坐标,要求根据$x$轴选定一段区间$[L,R]$,使得其中的点的最大与最小的$y$值之差$\geq D$.求$Min\{R ...