2011-04-18 65 views
2

我想要一個表單,並需要將它提交到一個新的彈出窗口上的按鈕onclick動作。我想要這樣的東西。如何提交表單在新的彈出按鈕onclick動作

<form id = "test" name = "test" action = "preview.jsp"> 
    Email : <input type = "text" name = "email"/> 
    <button id = "submitButton" onclick = "submitFormInPopUp()"/> 
</form> 

那麼怎麼寫這個函數submitFormInPopUp()的職位,以在新彈出的頁面操作URL。

感謝

Jitendra

+1

你怎麼想創建一個彈出?在不同的窗口或同一窗口? – 2011-04-18 08:24:50

+0

檢查答案提供它會幫助你 – Harish 2011-04-18 08:51:27

+0

感謝所有的快速反應。由wong2和Anand解答。 – RandomQuestion 2011-04-18 09:22:48

回答

6

使用此:

function submitFormInPopUp() 
{ 
window.open('','Prvwindow','location=no,status=no,toolbar=no,scrollbars=yes,width=730,height=500'); 

document.test.action = "preview.jsp" 
document.test.target = "Prvwindow" 
document.test.submit(); 
} 

我希望它到u幫助

+0

謝謝..這個工程。 – RandomQuestion 2011-04-18 09:25:30

0
function submitFormInPopUp(){ 
    var url = "preview.jsp?email=" + document.getElementsByTagName('input')[0].value; 
    window.open(url); 
} 
+0

謝謝..它的工作原理,但我想用'POST'方法。 – RandomQuestion 2011-04-18 09:28:04

0

也許你可以使用target屬性?

http://www.w3schools.com/TAGS/att_form_target.asp

更改按鈕類型,以submit並指定target,你不需要任何JavaScript。

<form id="test" name="test" action="preview.jsp" target="_blank"> 
    Email : <input type = "text" name = "email"/> 
    <input type="submit" value="Submit" id="submitButton" /> 
</form> 

請注意,儘管它已被棄用且嚴格禁止。

+0

我不想使用輸入類型=「提交」,並不得不使用按鈕。 – RandomQuestion 2011-04-18 09:26:14

+0

只需在新窗口/選項卡中打開POST表單的結果,這是一個很好的方式。它被棄用的評論是不正確的。它在HTML5中,但被排除在嚴格之外。 – 2014-06-02 16:35:46