jqery引入另一个画面做dialog,返回值父画面
时间: 2023-08-01 21:12:31 浏览: 36
如果您在对话框中加载了另一个画面的内容,并希望在关闭对话框后将数据传递回父画面,您可以在对话框中添加一个按钮,并在按钮的单击事件中将数据传递回父画面。具体步骤如下:
1. 在对话框中添加一个按钮,用于将数据传递回父画面:
```javascript
$(function() {
// 创建对话框
$("#dialog").dialog({
autoOpen: false, // 不自动打开
modal: true, // 模态对话框
width: 400, // 宽度
height: 300, // 高度
title: "对话框标题", // 标题
buttons: { // 按钮
"确定": function() {
// 点击确定按钮后执行的操作
var data = $("#dialog").find("input[type='text']").val(); // 获取对话框中的数据
$(this).dialog("close"); // 关闭对话框
$("#result").text(data); // 将数据传递回父画面
},
"取消": function() {
// 点击取消按钮后执行的操作
$(this).dialog("close"); // 关闭对话框
}
}
});
// 打开对话框
$("#dialog").dialog("open");
// 加载另一个画面
$("#dialog").load("path/to/another/page.html");
});
```
在以上代码中,我们在对话框的按钮选项中添加了一个“确定”按钮,并在按钮的单击事件中获取对话框中的数据,并使用$("#result").text()方法将数据传递回父画面。
2. 在父画面中添加一个元素,用于显示传递回来的数据:
```html
<div id="result"></div>
```
在以上代码中,我们在父画面中添加了一个id为“result”的元素,用于显示传递回来的数据。
希望以上内容能够对您有所帮助。如果您还有任何问题,请随时提出。