在提交实际表单之前接受弹出窗口中的输入

Posted 2021-04-15

我正在使用Springs 2.0开发一个应用程序。

我要求当用户点击表单上的提交按钮时，应显示一个poup，显示用于选择预定义原因的“select”框和用于接受评论的“Textarea”。 （这些下拉选项是从上下文中选取的，因此不能使用静态html页面。）

这两个值也应与父表单中的其他数据字段一起存储在数据库中。

我的问题是：如果我使用“window.open”，那么父表单数据不会被带到子窗口，因为它没有“提交”。也无法提交表单，因为它不会显示弹出窗口。

我尝试在网站上搜索解决方案，但找不到适合我的解决方案。任何帮助都会真正有用。

谢谢。

答案

使用div作为弹出窗口而不是新窗口。或者使用JQuery。例如，messi popup正在使用中

编辑

如果你只想要一些非常基本的东西，

<div id="modal" style="border:3px solid black; background-color:#9999ff; padding:25px; font-size:150%; text-align:center; display:none;">
    This is a modal popup!<br><br>
    <input type="button" value="OK" onClick="Popup.hide('modal')">
</div>

<a href="#" onclick="Popup.showModal('modal');return false;">Show Modal Popup</a>
<br>
<a href="#" onclick="Popup.showModal('modal',null,null,{'screenColor':'#99ff99','screenOpacity':.6});return false;">Show Modal Popup With A Custom Screen</a>

http://www.javascripttoolbox.com

另一答案

你可以使用jQuery modal。这是一个类似的例子，接受模态http://jqueryui.com/demos/dialog/modal-form.html中的输入。

另一答案

使用window.showModalDialog和普通的java脚本解决了它。这是详细信息。

首先，我在父页面上定义了2个隐藏字段。打开并提交弹出窗口时，在下拉列表和文本区域中输入的值将分配给这些值。

var handle = window.showModalDialog(htmlURL,this,urlProp);

提交时，

document.getElementById("hiddenRejectionComment").value = handle.rejectionComment;
document.getElementById("hiddenRejectionReason").value = handle.rejectionReason;

简单，不是吗？