layui 父页面获取弹出层子页面值
时间: 2023-09-11 11:12:27 浏览: 97
layer弹出子iframe层父子页面传值的实现方法
可以通过以下步骤在layui父页面获取弹出层子页面的值:
1. 在子页面中定义一个函数,用于获取需要传递的值并返回。
例如,在子页面中定义一个函数 `getVal()`,用于获取输入框的值:
```
function getVal() {
var val = $('#inputVal').val();
return val;
}
```
2. 在父页面中使用 `layer.open` 打开弹出层,并传递一个回调函数。
例如,在父页面中打开弹出层,并传递一个回调函数 `function(data){}`:
```
layer.open({
type: 2,
content: '子页面URL',
btn: ['确定', '取消'],
yes: function(index, layero) {
var childWindow = layero.find('iframe')[0].contentWindow;
var val = childWindow.getVal();
// 调用回调函数,并将获取的值作为参数传递
callback(val);
layer.close(index);
}
});
```
3. 在回调函数中获取子页面返回的值。
例如,在回调函数中获取子页面返回的值并进行处理:
```
function callback(val) {
// 处理获取的值
console.log(val);
}
```
通过以上步骤,就可以在layui父页面中获取弹出层子页面的值了。
阅读全文