HTML提交弹出提交中,javascript – 从弹出窗口在父窗口中提交表单？

您可以通过window.opener.document在父窗口中获取对表单的引用,如下所示：

var form = window.opener.document.getElementById("theFormID");

(您可以为表单提供ID,但还有其他方法可以执行此操作.)

然后,您可以访问该表单中的字段,当然还可以设置其.value属性,您可以通过其.submit()函数提交表单.

但公平警告：用户不喜欢弹出窗口.如果有任何方法可以将其他字段合并到表单中,我建议改为.

主页：

JS Bin

弹出窗口：

JS Bin

Please fill in more information:

function doTheSubmit() {

var doc = window.opener.document,

theForm = doc.getElementById("theForm"),

theField = doc.getElementById("theField");

theField.value = document.getElementById("thePopupField").value;

window.close();

theForm.submit();

}

如果运行它,您会发现当您在主页面上单击“发送”时,它会执行弹出窗口.如果在弹出窗口中填写一个值并单击“发送表单”,弹出窗口将消失并提交表单.您可以告诉表单是否随值一起提交,因为我使用了method =“GET”,因此您可以在结果页面的URL中的查询字符串中看到theField = yourValue.例如,如果在弹出窗口中键入“我的值”,则在表单提交后,您将在主页面中看到URL http://jsbin.com/abiviq/1?theField=my值. (但是你的表单大概是使用POST而不是GET,我只是使用GET来演示.)