2011-04-18 56 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