如何在按钮onclick动作的新弹出窗口中提交表单

时间:2011-04-18 08:21:36

标签: javascript jquery html

我想要一个表单,需要在按钮onclick操作的新弹出窗口中将其提交到URL。我想要这样的东西。

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

那么如何编写这个函数submitFormInPopUp(),它在新的弹出页面中发布到动作网址。

由于

Jitendra

3 个答案:

答案 0 :(得分: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(); 
}

我希望对你的帮助

答案 1 :(得分:0)

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

答案 2 :(得分: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> 

请注意,虽然它已弃用,但在Strict中不允许。