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来演示.)

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

QT开发_弹出窗口禁用父窗口并移动到父窗口中心位置
在开发中我们可能会增加一些动画效果,如弹出子窗口时父窗口不可操作我们可以在弹出子窗口的构造函数里添加如下代码: setWindowModality(Qt::ApplicationModal); 这条 ...
javascript：子窗口和父窗口交互
最近项目开发中需要子窗口和父窗口交互的内容,基本上无非就是把子窗口的信息传递给父窗口,并且关闭自己等等,或者是父窗口把自己的信息传递给子窗口等等. 1.父窗口传递信息给子窗口看代码实例: <s ...
Electron中打开和关闭子窗口以及子窗口向父窗口传值
场景用HTML和CSS和JS构建跨平台桌面应用程序的开源库Electron的介绍以及搭建HelloWorld: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/a ...
html自动弹出窗效果,JavaScript实现弹出窗口效果
本文实例为大家分享了JavaScript实现弹出窗口的具体代码,供大家参考,具体内容如下思路 1.总体使用两个div,一个作为底层展示,一个做为弹出窗口: 2.两个窗口独立进行CSS设计,通过dis ...
表单提交时submit验证非空return false没用_开发这样一个复杂的表单你需要用多久...
表单在中后台开发的时,是最多也是最另人头疼的,多级联动,繁杂的验证,动态解析等可算是苦不堪言.所以出现了无数的表单解决方案,像Uform, formily, NoForm等等一大堆用来解决中后台开发表 ...
关闭弹出窗口刷新父窗口
在弹出窗口的BODY中加入 onUnload="window.opener.location.reload();" 关闭弹出窗口则自动刷新父窗口. 转载于:https://blog ...
php 未填写时隐藏提交按钮,php - [单击提交按钮时隐藏html，回显结果留在同一页面上，电子邮件表单结果示例提供 - SO中文参考 - www.soinside.com...
我搜索了基本的解释和示例,该示例和示例说明了如何使用同一基本php隐藏我的html表单" onsubmit",同时保持在同一页面上.我还需要通过电子邮件发送表格结果.我在这里和那里 ...
html5中单选框被选中把值传给后台_HTML5的表单设计
使用过Delphi的程序员,对Form这个词应该比较熟悉.在Delphi中,Form被翻译为"界面.窗口",作用是:为用户提供界面,供用户输入信息,向用户展示处理结果. HTML5 ...
中input标签赋值_Java程序员：Spring MVC JSP表单标签示例
Spring MVC的表单标签为Java程序员提供了许多额外的支持.例如数据绑定,允许自动设置数据并从Java对象中检索数据. 从2.0版本开始,Spring提供了一组全面的数据绑定感知标记,用于在使 ...

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

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

最新文章

热门文章