ajax jqueryフォームでデータが送信されない

Question

私は、カート/オーダー、つまりループ内の複数のフォームにフォームを作成し、ユニークなID（ 'id' => 'cart _'。$ line）（cart_1、cart_2 ）。各フォームの更新リンクをループで作成しました。以下のコード

echo form_open($controller_name."/edit_item/$line", array('class'=>'form-horizontal line-item', 'id'=>'cart_'.$line)); 
echo form_input(array('name'=>'quantity','value'=>$item['quantity'],'size'=>'2', 'id'=>'quantity','class'=>'form-control cartline', 'data-form' => $line)); 
echo form_input(array('name'=>'discount','value'=>$item['discount'],'size'=>'3', 'id'=>'discount', 'class'=>'form-control cartline', 'data-form' => $line));?> 
<a href="javascript:document.getElementById('<?php echo 'cart_'.$line ?>').submit();" id="anchor" title=<?php echo $this->lang->line('sales_update')?> > 

私のフォームは数量、値引きフィールドで変更することができます。フォームを引き起こす可能性がいくつかの要素を持っている場合 しようとイムしかし、あなたがイベント変更に

<script> 
$(document).ready(function(){ 
    //Here the element you want to trigger in change to send the form (quantity, disccount,...) 
    $(".quantity").change(function(event) { 
    event.preventDefault(); 
    var line_form = $(this), 
     url = line_form.attr('action'); 
     $.post(url, 
     { 
      quantity:$('quantity').val(), 
      discount: $('discount').val() 
     }, 
     function(data,status){ 
      alert("Data: " + data + "\nStatus: " + status); 
     }); 
    }); 
}); 
</script> 

を使用する必要があるのonChange

<script> 
$(document).ready(function(){ 
    $(".line-item").submit(function(event) { 
    event.preventDefault(); 
    var line_form = $(this), 
     url = line_form.attr('action'); 
     $.post(url, 
     { 
      quantity:$('quantity').val(), 
      discount: $('discount').val() 
     }, 
     function(data,status){ 
      alert("Data: " + data + "\nStatus: " + status); 
     }); 
    }); 
}); 
</script> 

Answer 1

を送信しない構成では実際にあなたがこれを行うことができます提出：

<script> 

    function submitForm(){ 
     //Here send by AJAX the form and handle all actions 
    } 

    $('.elementTriggerSubmit').change(submitForm); 
    $('#otherElement').change(submitForm); 
</script>