怎么获取layer中的表单值_layer获取弹出frame层数据

通常，弹出层关闭之前，需要将部分数据传入父页面。这个时候怎么办呢？

通过success获取frame层的index。

然后通过cancel事件，获取子页面数据。

拿获取高德地图坐标为例：

// 显示地图，设置坐标

function showMap() {

var tmpIndex = '';

layer.open({

type: 2,

title: '获取店铺坐标与地址',

shadeClose: true,

shade: 0.8,

area: ['990px', '680px'],

content: '{$Think.config.SHOP_ADMIN_URL}/benefitShop/setAddress',

success:function (layero,index) {

tmpIndex = index;

},

cancel: function () {

// 获取子弹出层数据

var addressComponentDom =layer.getChildFrame('#addressComponent', tmpIndex);

if (addressComponentDom.val() != '') {

var addressComponentJson = JSON.parse(addressComponentDom.val());

var formattedAddress = addressComponentJson.province+addressComponentJson.city+addressComponentJson.district+addressComponentJson.township+addressComponentJson.poisName;

var lnglatDom= layer.getChildFrame('#lnglat', tmpIndex);

$("#coordinate").val(lnglatDom.val());

$("#formattedAddress").val(formattedAddress);

$("#province").val(addressComponentJson.province);

$("#city").val(addressComponentJson.city);

$("#district").val(addressComponentJson.district);

$("#address").val(addressComponentJson.township+addressComponentJson.poisName);

}

}

});

}

通过index，进入frame层，获取相关的数据，设置到主页面，然后通过表单保存到数据库。

获取layer.open弹出层的返回值

正在开发的车联网项目用到了layer API.当我在开发“新建电子围栏”的时候需要弹出地图,用户在地图中画一个区域,最后将这个弹出层的数据返回给原页面.下面是我的实现过:程: 触发弹出层的代码: la ...

JS中通过LayUI的layer.prompt弹出文本输入层，多个按钮回调获取输入值

JS中通过LayUI弹出文本输入层,多个按钮回调: 如图所示,输入文本后点击通过/不通过按钮回调获取输入文本值的实现: 实现JS: layer.prompt({ formType: 2, // 弹出文 ...

jQuery、layer实现弹出层的打开、关闭功能实例详解

本文主要介绍了jQuery.layer实现弹出层的打开.关闭功能,需要的朋友可以参考下,希望能帮助到大家. 打开弹出层: 在list页面带入layer.js 在list页面点击时,弹出form弹出层, ...

layer/layui弹出层插件bug

JS 点击按钮后弹出遮罩层，有关闭按钮

随机推荐

pycharm实用快捷键

提示 CTRL Q: 在参数列表位置,显示可以输入的所有参数. CTRL Q: 查看选中方法的文档字符串 阅读 CTRL -: 折叠当前代码 CTRL +: 展开当前代码 CTRL SHIFT -: ...

MATLAB实现矩阵分块相乘

要实现一下功能,这里$\bf{x}_i$为行向量 $${\bf{A}} = \left[ \begin{array}{l}{{\bf{x}}_1}\\{{\bf{x}}_2}\end{array} \ ...

Git 操作常用命令

Git使用 1. git pull    更新服务器代码到本地a). git pull origin master是将origin这个版本库的代码更新到本地的master主分支 2. git push ...

二、Nginx变量

$arg_PARAMETER 功能:如果在请求中设置了查询字符串,那么这个变量包含在查询字符串是GET请求PARAMETER中的值. $args 功能:该变量的值是GET请求在请求行中的参数. $bi ...

Java简单知识梳理

1. Java是单根继承结构:每个类都继承于Object类 ,这也就保证了每个对象都具备某些功能 2. Java类权限关键字: public -> protected -> default ...

ios开发-日期处理(类似朋友圈，微博等的发送时间)

ios开发中,我们经常要处理从服务器获取的时间.类似朋友圈,微博这些应用.我们经常可以看到“刚刚”,“31分钟前发表”,“昨天5点”,之类的字样. 当时我们从服务器端获取的都是那条朋友圈信息,或者微博 ...

分页 工具类 前后台代码 Java JavaScript (ajax) 实现 讲解

[博客园cnblogs笔者m-yb原创, 转载请加本文博客链接,笔者github: https://github.com/mayangbo666,公众号aandb7,QQ群927113708]http ...

(9)EvenOddJump

一.问题描述 一只青蛙从数组(A)的每一个元素向数组尾部跳动.跳动规则如下: 当奇数跳的时候,就是第1.3.5.7....次进行移动时候,移动规则A[i] <= A[j],  并且A[j] = ...

使用Hexo&plus;Github搭建属于自己的博客(进阶)

主题的配置:这里以NexT主题作为题材 1.安装NexT,在其文件夹中鼠标右键,点击Git Base Here.输入命令:git clone https://github.com/iissnan/he ...

python3笔记(三)if&period;&period;&period;else、if&period;&period;&period;elif&period;&period;&period;else

if语句 if 语句的基本用法如下: if 表达式: 语句块 其中,表达式可以是一个单纯的布尔值或变量,也可以是比较表达式或逻辑表达式(例 如:a > band a != c),如果表达式为真, ...