Layui 弹出层 父页面获取子页面参数

父页面中创建一个按钮 id=“Demo” 点击事件触发 弹出层

	
			$('#Demo').off('click').on('click', (e)=>{
					layer.open({
						title: '选择商品',
						type: 2,
						area: ['70%', '600px'],
						content: 'Chuan.html',
						btn: ['取回'],
						yes: function(index, layero) {
							var frameId = $(layero).find("iframe").attr('id'); //父页面获取子页面的iframe
							var data = JSON.parse($(window.frames[frameId].document).find("#list").val()); //父页面获取子页面指定的id数据
							layer.close(index);
							tabList = data;
							tabObj();
						}
					});
					e.stopPropagation();
			})
	主要实现的思路是 在子页面中创建一个   存放数据 当弹出层点击取回按钮时 触发yes事件 父页面获取list中的参数.

你可能感兴趣的:(Layui 弹出层 父页面获取子页面参数)