更改时提交()不起作用

Question

我有一个表单的字段，可以让用户更改页面上的结果数量，计划是提交表单以更新结果，如果他们改变了页面大小。

<form id="js-selectionForm" class="simple_form" method="get" action="/knowledge/contaminants.php">
<div class="pad-5">
...
</div>

<div class="pad-5">
...
</div>

<div class="pad-5">
...
</div>

<div class="pad-5">
...
</div>

<div class="pad-5">
    <input class="button pad-2" id="submit" type="submit" name="submit" value="Search"/>
    <h3 class="text-purple inline-block margin-10-left">
        Please select search criteria above                    </h3>
    <label class="right">Page size:
        <input class="refreshPage" type="number" name="pageSize" min="1" max="100"
               title="The number of results per page - 1 to 100"
               value="25"/>
    </label>
</div>

​

我的jQuery包括以下内容；

$('.refreshPage').change(function () {
    $("#js-selectionForm").submit();
});

我知道这个选择是有效的，因为我输入了console.log语句来检查，但表单从未提交过。我以前用过类似的代码，它总是有效的，所以我肯定在这里做错了什么，有人能帮我找出我的错误吗？

Answer 1

您不一定需要.submit()；请参见：

$('.refreshPage').change(function () { $("#submit").click(); });

附言:你最后遗漏了一个<form />。这可能就是它不起作用的原因。你的代码在我看来是正确的。

Answer 2

按照@Ivar的建议，更改提交输入的name和id

​

$('.refreshPage').change(function () {
    $("#js-selectionForm").submit();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form id="js-selectionForm" class="simple_form" method="get" action="/knowledge/contaminants.php">

<div class="pad-5">
    <input class="button pad-2" id="submitMe" type="submit" name="submitMe" value="Search" />
    <h3 class="text-purple inline-block margin-10-left">
        Please select search criteria above                    </h3>
    <label class="right">Page size:
        <input class="refreshPage" type="number" name="pageSize" min="1" max="100"
               title="The number of results per page - 1 to 100"
               value="25" />
    </label>
</div>
</form>

​