相关疑难解决方法(0)

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

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

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

代码:

// 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();
});
Run Code Online (Sandbox Code Playgroud)

所以我的问题是:如何确保提交已完成,以便我在父窗口中触发搜索点击并关闭此弹出窗口?请让我知道。

我终于能够正确地将信息发送回我的父表单,但我只需要确保我的提交完成。关于确保仅在提交成功后触发我的事件的任何建议?

干杯。

javascript jquery form-submit window.open window.opener

5
推荐指数
1
解决办法
2271
查看次数