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

划红框的部分是主要部分,进行参数的传递。 父页面: !DOCTYPE htmlhtml lang="en" xmlns:th="http://www.thymeleaf.org"head/headbodyinput type="text" name="projectno" autocomplete="off"id="projectno" placeholder="项目编号" class="layui-input"input type="text" name="requestid" autocomplete

划红框的部分是主要部分,进行参数的传递。
父页面:
<!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框。
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

在layui中我们可能会有需要在执行完某一操作后使操作框变得不可选或者显示其他内容来进一步操作。例如: 这时我们就需要利用到layui中的一些语法: script type="text/html" id="对应操作栏的id"{{# if(条件){ }} a class="layui-btn layui-btn-xs layui-btn-warm" lay-