在提交實際表單之前接受彈出輸入

我正在使用Springs 2.0開發應用程序。在提交實際表單之前接受彈出輸入

我有一個要求，當用戶點擊表單上的提交按鈕時，應該顯示一個顯示選擇預定義原因的「選擇」框和「接受評論」的「Textarea」的poup。（這些下拉選項是從上下文中選取的，因此不能使用靜態HTML頁面。）

這兩個值應與父窗體中的其他數據字段一起存儲在數據庫中。

我的問題是：如果我使用「window.open」，父窗體數據不會被帶到子窗口，因爲它不是「提交」。也不能提交表單，因爲它不會顯示彈出窗口。

我試着在網站上尋找解決方案，但找不到適合我的解決方案。任何幫助將真正appreicated。

謝謝。

來源

2012-07-17 A Nigdikar

使用window.showModalDialog和普通的java腳本解決了它。這裏是細節。

首先，我在父頁面上定義了2個隱藏字段。當彈出窗口被打開並提交時，下拉列表和文本區域中輸入的值將被分配給這些值。

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

提交時，

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

簡單，不是嗎？

來源

2013-10-03 13:29:39

使用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

來源

2012-07-17 05:40:02

我對JQuery完全陌生。所以更喜歡使用JavaScript。我可以使用window.showModalDialog嗎？據我所知，許多瀏覽器都不支持showModalDialog，但我們的用戶只能使用IE瀏覽器，我的目的就是服務，不是嗎？ – 2012-07-17 06:24:08

JQuery是JavaScript。它簡化了JS IMO。嘗試一下，你永遠不會後悔。我不認爲需要一個新的窗口。你可以用簡單的JQuery和HTML來處理所有這些。 – 2012-07-17 06:28:31

您是否有任何示例顯示如何在此上下文中使用DIV？ – 2012-07-17 06:43:54

您可以使用jQuery modal。這是一個類似的例子，它接受模態爲http://jqueryui.com/demos/dialog/modal-form.html的輸入。

來源

2012-07-17 07:00:16 xyz

在提交實際表單之前接受彈出輸入

回答

相關問題