layer 打开iframe弹窗之后并选择了一下数据,关闭后js获取这些数据并关闭弹窗
时间: 2023-12-14 08:36:29 浏览: 78
layer弹出的iframe层在执行完毕后关闭当前弹出层的方法
可以在弹窗中定义一个回调函数,在选择数据并关闭弹窗时调用该函数,并将选择的数据作为参数传递给该函数。然后在主窗口中定义该回调函数,以获取选择的数据并关闭弹窗。以下是一个示例代码:
在弹窗中:
```html
<!-- 弹窗中选择数据的代码 -->
<select id="data-select">
<option value="data1">数据1</option>
<option value="data2">数据2</option>
<option value="data3">数据3</option>
</select>
<button onclick="selectData()">选择</button>
<script>
function selectData() {
var selectedData = document.getElementById("data-select").value;
window.opener.getData(selectedData);
window.close();
}
</script>
```
在主窗口中:
```html
<!-- 主窗口中打开弹窗的代码 -->
<button onclick="openPopup()">打开弹窗</button>
<script>
function openPopup() {
var popup = window.open("popup.html");
popup.getData = function(selectedData) {
console.log(selectedData); // 在控制台中输出选择的数据
popup.close();
};
}
</script>
```
阅读全文