您可以通過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來演示.)

總結

以上是生活随笔為你收集整理的HTML提交弹出提交中,javascript – 从弹出窗口在父窗口中提交表单？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。