2010-09-20 101 views
40

如何使用以下代码提交特定表单(例如我的表单的ID是#form1)。Jquery提交表格

$(".nextbutton").click(function() { submit; }); 

回答

60

试试这个 可以说你的表格ID是formID

$(".nextbutton").click(function() { $("form#formID").submit(); }); 
+21

是不是“form#formID”有点多余? “#formID”就足够了吧? – 2011-12-07 00:41:35

+18

是的,只有ID就足够了。但是,将它与标记名一起加速搜索该项目。如果添加它,只有

元素将被评估,直到找到正确的ID。诚然,大多数网页没有那么多的HTML,实际上会延迟搜索,但如果知道它的话,最好还是预先考虑标记名。 – Flater 2012-07-11 10:09:36

+0

根据这里的文档http://api.jquery.com/submit/ 这将在表单上添加一个提交监听器,而不是实际提交它。 在jQuery对象和DOM元素上,submit函数是不一样的。 – challet 2013-01-14 16:06:11

2

你并不真的需要做的这一切在jQuery的到顺利做。像这样做:

$(".nextbutton").click(function() { 
    document.forms["form1"].submit(); 
}); 
+58

有趣,导致你在你的答案中使用jquery,说你不需要jquery? – Claudiu 2012-04-10 17:39:43

+8

我猜他是指提交表单的部分:) – msanjay 2012-04-24 11:44:55

+1

.submit()不适合我。说属性提交不是一个功能 – kommradHomer 2012-04-24 12:07:13

1

如果只有1页你的形式,用这个。您不需要知道表单的ID或名称。我只是用这个代码 - 工作:

document.forms[0].submit(); 
7

你可以尝试这样的:

$("#myformid").submit(function(){ 
     //perform anythng 
    }); 

甚至你可以尝试像

$(".nextbutton").click(function() { 
    $('#form1').submit(); 
}); 
+2

,这只会添加一个事件监听器 – challet 2013-01-14 16:08:55

+0

@challet:根据您链接到的页面中的下方示例,它会提交表单。 – Stefan 2014-07-14 12:42:16

+0

是的,你是对的 – challet 2014-07-14 14:42:29

2

由于的jQuery对象从数组继承,并且这个数组包含选定的DOM元素。 您正在使用的ID等元素应该是DOM中是唯一的说,你可以执行到直接调用做提交

$(".nextbutton").click(function() { 
    $("#formID")[0].submit(); 
}); 
0

试试这个:

$('#form1').submit(); 

document.form1.submit(); 
1

使用下面的jquery提交一个没有提交按钮的选择框。如上所示,使用“更改”而不是点击。

$("selectbox").change(function() { 
    document.forms["form"].submit(); 
}); 

干杯!