Question

我已经检查了here和here，但无法提交表单。（noob to 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();

＆＃34; TypeError中的第一个和最后一个结果：document.forms.choose_subject.submit不是函数。

第二个和第四个没有错误，但他们也没有做任何事情。

第三个和第五个错误输出＆＃34; TypeError：$（...）[0] .submit不是函数＆＃34;

如果我删除第二种形式，这些结果都是正确的。

单击“提交”按钮可以按预期工作。

Answer 1

更改输入元素的名称：

<input type="submit" name="submit" value="Choose Subject"/>

除“提交”之外的其他内容。正如.submit() docs state：

表单及其子元素不应使用输入名称或ID 与表单属性冲突，例如提交，长度或方法。名称冲突可能导致令人困惑的失败。

<强> jsFiddle example

提交表单的JQuery - 发现错误

1 个答案: