layui的iframe弹出层的表单数据回显

一. 问题背景

父页面:list.jsp
子页面:userEdit.jsp

点击‘编辑’,将数据回显到表单,如下:
在这里插入图片描述
在这里插入图片描述

二. 解决方案

关键代码如下:

 layer.open({
                 type: 2,
                 title: '编辑信息',
                 area: ['750px', '755px'],
	             offset: 'r',
	             content: 'pages/user/userEdit.jsp',
	             success: function(layero, index){
	            	//找到它的子窗口的body
	                 var body = layer.getChildFrame('body', index); //巧妙的地方在这里哦
	                 //为子窗口元素赋值
	                 body.find("input[name=username]").val(data.username);
	                 body.find("input[name=password]").val(data.password);
	                 body.find("input[name=mail]").val(data.mail);
	                 body.find('input[name=manager][value = ' + data.manager + ']').attr("checked",
	                 "checked");
	                 form.render("radio");
	             }
			   });
发布了345 篇原创文章 · 获赞 20 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/qq_40634846/article/details/104720361
今日推荐