Google Chromeで入力を送信できません

Question

コード行$input.submit()が機能しませんでした。入力時に入力するキーを送信します。 Mozilla Firefoxでは動作しますが、Google Chromeは動作しません。

私はjQueryの1.11.1 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> 

を仕事

$('.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; 
}); 

警告（$入力）。 Google Chromeでnullを返します

Answer 1

Jquery's .submit()can only be attached to <form> elements
すべてのフォーム情報を受け取り、指定されたaction属性に、method属性で指定されたHTTPメソッドを使用して送信します。

このよう

：

<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; 
});