layui获取子集表单中的值,关闭父级弹窗
一、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获取子集表单中的值,关闭父级弹窗的更多相关文章
- jQuery中设置form表单中action值与js有什么不同。。。。
jQuery中设置form表单中action值与js有什么不同.... HTML代码如下: <form action="" method="post" i ...
- jQuery中设置form表单中action值的方法
jQuery中设置form表单中action值的方法 (2011-03-17 10:18:19) 转载▼ 标签: 杂谈 html代码: <form id="myFormId&quo ...
- 预定义的 $_POST 变量用于收集来自 method="post" 的表单中的值
PHP $_POST 变量 在 PHP 中,预定义的 $_POST 变量用于收集来自 method="post" 的表单中的值. $_POST 变量 预定义的 $_POST 变量用 ...
- 预定义的 $_GET 变量用于收集来自 method="get" 的表单中的值
PHP $_GET 变量 在 PHP 中,预定义的 $_GET 变量用于收集来自 method="get" 的表单中的值. $_GET 变量 预定义的 $_GET 变量用于收集来自 ...
- 小程序--log居中 失焦获取表单中的值
value="{{username}}" 绑定值 值在js文件的data中 pa==>Vant-Weap中表单中的值,不是双向绑定的. 你获取值后, 值并没有在对用的data ...
- jquery获取form表单中的内容,并将表单内容更新到datagrid的一行
//执行不刷新页面更新所修改的行 var arr = $('#patient_form').serializeArray();//将表单中的数据格式化成数组 var m = new Array(); ...
- 5 获取Form表单取值
#form表达提交@app.route("/data",methods=['GET','POST']) #methods 让当前路由支持GET 和 POST 方式def data( ...
- 如何用jquery获取form表单的值
$(function(){ $('.btn').click(function(){ alert($('#form').serialize()); }) }) 这样就获取到了 #form的值.
- rails 表单中默认值
在表单中加入默认提示值,如(email@email.com): <div class="field"> <%= form.label :email,"E ...
随机推荐
- EChart.js 笔记二
交互组件 Echart.js 中交互组件比较多.例如: legend(图例).title(标题组件).visualMap(视觉映射组件).dataZoom(数据缩放组件).timeline(时间线组件 ...
- jqprint控件使用
/*! jQuery v1.9.1 | (c) 2005, 2012 jQuery Foundation, Inc. | jquery.org/license //@ sourceMappingURL ...
- Winform实现多线程异步更新UI(进度及状态信息)
引言 在进行Winform程序开发需要进行大量的数据的读写操作的时候,往往会需要一定的时间,然在这个时间段里面,界面ui得不到更新,导致在用户看来界面处于假死的状态,造成了不好的用户体验.所以在大量数 ...
- codeforces158D
Ice Sculptures CodeForces - 158D The Berland University is preparing to celebrate the 256-th anniver ...
- JarvisOJ Basic 美丽的实验室Logo
出题人丢下个logo就走了,大家自己看着办吧 扔进01Editor中,发现最后有14844个不属于jpg的字节 扔进Kali中用dd命令提取出附加的文件,可以看到也是一个图片,图片上的文字即是flag
- HTC Vive 基础入门 基于Unity3D引擎
任务2: 01-概述 07:08 任务3: 02-HTC Vive设备的安装 08:33 任务4: 03-下载Steam与SteamVR 03:05 任务5: 04-使用Steam VR 调试设备 1 ...
- 区间DP,数位DP
dp(动态规划)顾名思义便是动态的一种规划,而这种规划往往会跟状态,状态转移方程,记忆化搜索扯上关系,当然DP也是各个OI考试的必考点和常考点,在毒瘤出题人的折磨下,出现了许许多多的动态规划,有线性, ...
- 【XSY2667】摧毁图状树 贪心 堆 DFS序 线段树
题目大意 给你一棵有根树,有\(n\)个点.还有一个参数\(k\).你每次要删除一条长度为\(k\)(\(k\)个点)的祖先-后代链,问你最少几次删完.现在有\(q\)个询问,每次给你一个\(k\), ...
- 【BZOJ3456】轩辕朗的城市规划 无向连通图计数 CDQ分治 FFT 多项式求逆 多项式ln
题解 分治FFT 设\(f_i\)为\(i\)个点组成的无向图个数,\(g_i\)为\(i\)个点组成的无向连通图个数 经过简单的推导(枚举\(1\)所在的连通块大小),有: \[ f_i=2^{\f ...
- 使用IDEA部署项目到远程服务器
1.选择Tools -> Deployment -> Configuration... 2.配置连接信息,Linux服务器一般都选择SFTP 3.配置本地上传文件路径.远程上传文件路径 4 ...