提交输入在 Google Chrome 中不起作用

Question

代码行 $input.submit() 无效，我想发送输入时输入的密钥。在 Mozilla Firefox 中，它可以工作，Google Chrome 不工作。

我工作 modx minishop2

<div class="number">
     <form method="post" class="ms2_form form-inline" role="form">
           <input type="hidden" name="key" value="[[+key]]" />
           <div class="form-group">
                <span class="minus" id="minus[[+id]]"></span>
                 <input type="text" name="count" value="[[+count]]" max-legth="4" id="count[[+id]]" />

                    <button class="btn btn-default" type="submit" name="ms2_action" value="cart/change"><i class="glyphicon glyphicon-refresh"></i></button>
                    <span class="plus"></span>
                </div>
            </form>
        </div>

jQuery 1.11.1

 $('.minus').click(function () {
    var $input = $(this).parent().find('input');
    var count = parseInt($input.val()) - 1;
    count = count < 1 ? 1 : count;
    $input.val(count);
    $input.change();
    $input.submit();
    return false;
});
$('.plus').click(function () {
    var $input = $(this).parent().find('input');
    $input.val(parseInt($input.val()) + 1);
    $input.change();
    $input.submit();
    return false;
});

警报（$输入）； return Google Chrome

中为空

Answer 1

Jquery的.submit()can only be attached to <form> elements.
它获取所有表单信息并通过 method 属性中指定的 HTTP 方法将其发送到指定的 action 属性。

像这样：

<form action="my-url.html" method="POST">

因此，建议的代码可能是：

<form action="my-url.html" method="POST">
    <div class="form-group">
         <span class="minus"></span>
         <input name="count" value="3" max-legth="4" type="text">
         <span class="plus"></span>
    </div>
</form>

$('.plus').click(function () {
    var $input = $(this).parent().find('input');
    $input.val(parseInt($input.val()) + 1);
    $input.change();
    $input.closest('form').submit();
    return false;
});

提交输入在 Google Chrome 中不起作用

Submit input doesn't work in Google Chrome

jquery

google-chrome

modx