关闭表单提交时打开的弹出窗口并触发父窗口的单击

我有一个父窗口，我使用 window.open() 打开一个弹出窗口，并且我正在使用 window.opener 方法监视该弹出窗口的返回。我这里有两个疑问：

1. 在我的弹出窗口上，有一个提交按钮负责表单的提交功能，我想等待提交完成并在提交时关闭此弹出窗口。
2. 当提交表单并关闭弹出窗口时，我将获取其中一个文本框值，并在弹出窗口关闭后在父窗口中使用该值来自动模拟搜索。

Code:

// parent window handling of information returned from the pop-up window
function HandlePopupResult(value) {
    alert("The field value is: " + value);
    $("input[value='Search']").trigger("click");
}

//pop-up window handling of information to be returned to the parent window on submission
$("#myForm").submit(function() {
    window.opener.HandlePopupResult($("#field").val());
    window.close();
});

所以我的问题是：如何确保提交完成，以便我在父窗口中触发搜索单击并关闭此弹出窗口？请告诉我。

我最终能够正确地将信息发送回我的父表单，但我只需要确保我的提交完成。关于确保仅在提交成功后才触发事件有什么建议吗？

Cheers.

您打开的新窗口（弹出窗口）将在提交时加载一个新的 HTML 页面（jQuery 的功能）submit调用已执行before表格被发送到服务器）。

您应该在弹出窗口中加载的新页面中执行操作。