jQuery字段更改提交无效

Question

我有以下表单,我想从(或隐藏它)中删除提交按钮.

<form action="cart.php" method="post">
<input name="quantity" type="text" value="3" size="1" maxlength="2" />
<input name="adjustBtn" type="submit" value="change" />
<input name="item_to_adjust" type="hidden" value="1" />
</form>

在我已经包含在页面中的一个名为test.js的jQuery文件中,当输入字段"数量"发生变化时,我应该提交表单,但它没有,我无法让它工作,我已经尝试了所有各种形式从SO上的其他帖子提交功能.一个人甚至说,如果提交按钮有一个提交名称,它将无法工作,但我没有.

$(document).ready( function() {

    $('#quantity').change(function(){
       //$(this).closest("form").submit(); <-- commented out as not working either.
       //$(this).closest('form')[0].submit(); <-- commented out as not working either.
       $('#adjustBtn').submit();
    });

} );

任何人都知道为什么它不提交表格？我已经测试过chrome和IE.

Answer 1

您需要提交form而不是button:

$("#adjustBtn").closest("form").submit();

而且,你没有给id你adjustBtn,所以$("#adjustBtn")不会工作;

<input id="adjustBtn" name="adjustBtn" type="submit" value="change" />

同样的事情发生了#quantity,这就是change处理程序没有被解雇的原因,你还需要添加id:

<input id="quantity" name="quantity" type="text" value="3" size="1" maxlength="2" />