我已经检查了here和here但无法提交表单。（noob到Jquery…）
<html>
<head>
<title>Book Notes Application - Subjects</title>
<script src="http://code.jquery.com/jquery-latest.min.js"
type="text/javascript"></script>
<script>
$(document).ready(function(){
$('#subject_id').change(function(){
var subject_id = $(this).val();
//alert(subject_id)
//document.forms["choose_subject"].submit();
$('#choose_subject').submit();
//$('form#choose_subject').submit();
//$('form#choose_subject')[0].submit();
//alert(subject_id);
//document.getElementById("choose_subject").submit();
})
})
</script>
</head>
<body>
<!-- CHOOSE SUBJECT -->
<FORM action="/books" id="choose_subject" name="choose_subject" method="POST">
Choose a Subject:
<select name="subject_id" id="subject_id">
<option value="1">a</option>
<option value="2">a2</option>
</select><input type="submit" name="submit" value="Choose Subject"/>
<BR />
</FORM>
<!-- CREATE SUBJECT -->
<FORM action="/subjects" id="create_subject" method="POST">
<BR /><BR />
Create a new Subject
<input type="text" name="subject_name" />
<input type="submit" name="submit" value="Create Subject" />
</FORM>
<body>
</html>
我试过每一种方法：
1) document.forms["choose_subject"].submit();
2) $('#choose_subject').submit();
3) $('#choose_subject')[0].submit();
4) $('form#choose_subject').submit();
5) $('form#choose_subject')[0].submit();
6) document.getElementById("choose_subject").submit();
“TypeError:document.forms.choose_subject.submit”的第一个和最后一个结果不是函数。
第二个和第四个没有错误，但是他们也没有做任何事情。
第三个和第五个错误是“TypeError:$（…）[0].submit不是函数”
如果我去掉第二个表格，这些结果就成立了。
单击submit按钮按预期工作。
最佳答案
更改输入元素的名称：
<input type="submit" name="submit" value="Choose Subject"/>
不是“屈服”。作为.submit() docs state：
窗体及其子元素不应使用
与表单的属性（如提交、长度或方法）冲突。
名称冲突可能导致混乱的失败。
jsFiddle example
关于javascript - jQuery提交表单-发现错误，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22597357/