layer.open父页面传参到子页面

layer.open父页面传参到子页面

代码解析

很多朋友
划红框的部分是主要部分,进行参数的传递。
父页面:

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
</head>
<body>
	<input type="text" name="projectno" autocomplete="off"id="projectno" placeholder="项目编号" class="layui-input">
	<input type="text" name="requestid" autocomplete="off"placeholder="经责项目立项表requestid" class="layui-input" id="requestid">
<script>
let earequestid = $('#requestid').val();
let eaprojectno = $('#projectno').val();	//获取input框中的值

layer.open({
      type: 2,
      title: title,
      shade: 0.1,
      area: ['500px', '500px'],
      content: openFormWord,
      success: function (layero, index) {
            var body = layer.getChildFrame('body', index);
            //'layer.getChildFrame()'方法为Layui内置方法。
            //当你试图在当前页获取iframe页的DOM元素时,你可以用此方法(在当前页获取iframe页的DOM元素)
			body.find('form').find('#economicApprovalRequestid').val(earequestid);
			//'#economicApprovalRequestid',这个参数是写的子页面的input框的id值;
			//后面的.val(earequestid)是获取父页面(也就是这个页面)的值后,进行赋值给子页面id为'economicApprovalRequestid'的input框。
            body.find('form').find('#projectNum').val(eaprojectno);
      }
});
</script>
</body>
</html>

主要点:
layer.getChildFrame()方法:为Layui内置方法。在当前页获取iframe页的DOM元素

body.find(‘form’).find(’#economicApprovalRequestid’).val(earequestid):’#economicApprovalRequestid’,这个参数是写的子页面的input框的id值;后面的.val(earequestid)是获取父页面(也就是这个页面)的值后,进行赋值给子页面id为’economicApprovalRequestid’的input框。

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

netXiaobao

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值