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 ...
随机推荐
- c++ 的绝对值函数
添加头文件 #include <cmath> 对于整数 abs(); 对于浮点数 fabs();
- hdu-1686(kmp)
题意:前面的都是废话...其实直接看输入要求和输出要求就可以了,就是给你两个字符串,问你第一个字符串在第二个字符串中出现几次: 解题思路:kmp... 代码: #include<iostream ...
- 浅析Android设备中grep命令处理流程
2017-04-18 概述 在TV开发板中,可以在串口中直接使用grep命令.这是因为在/system/bin/下有一个'grep'链接.这个链接指向'/system/bin/toolbo ...
- 洛谷3707 [SDOI2017] 相关分析 【线段树】
分析: 化简一下就行了,注意一下平方和公式的运用以及精度的误差. 代码: #include<bits/stdc++.h> using namespace std; ; int n,m; i ...
- 爬虫_中国天气网_文字天气预报(xpath)
import requests from lxml import etree headers = 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/5 ...
- 使用nmon监控Linxu服务器性能
nmon是IBM开发的Linux软件工具.能够监控多项Linux服务,最常见的如:CPU使用率.内存使用率.硬盘读写.网卡流量等. 并能设置参数,将记录的数据保存到文件,利用Excel做统计分析. 安 ...
- Android undefined intent constructor错误?
本文选自StackOverflow(简称:SOF)精选问答汇总系列文章之一,本系列文章将为读者分享国外最优质的精彩问与答,供读者学习和了解国外最新技术.在Android中启动Service时出现&qu ...
- python 获取当前文件夹下所有文件名
os 模块下有两个函数: os.walk() os.listdir() 1 # -*- coding: utf-8 -*- 2 3 import os 4 5 def file_name(file_d ...
- 20165223 实验四 Android开发基础
实验四 Android开发基础 目录 一.实验报告封面 二.具体实验内容 (一)Android Stuidio的安装测试 (二)Activity测试 (三)UI测试 (四)布局测试 (五)教材代码测试 ...
- poj3259Wormholes (Bellman_Ford/SPFA/Floyed算法判断是否存在负环)
题目链接:http://poj.org/problem?id=3259 题目大意:一个图,有n个顶点,其中有m条边是双向的且权值为为正,w条边是单向的且权值为负,判断途中是否存在负环,如果有输出YES ...