回聲甚至形式並不提交

Question

我有input fieldproduct，quantity和total_quantity一個形式是可能的，一旦用戶輸入在quantity field的總量產物的總量，回聲在total_quantity field

我創建一個小提琴here

例如

product name | quantity

product 1 | 2

product 2 | 3

============================

Total Quantity | 5

5必須出現在總quantity input field

Answer 1

jQuery(function($) { 
 
    $('input.more').on('click', function() { 
 
    var $table = $('#input_fields'); 
 
    var $tr = $table.find('tr').eq(0).clone(); 
 
    $tr.appendTo($table).find('input').val(''); 
 
    }); 
 

 
    $("#quick_post").each(function() { 
 
    var form = $(this); 
 

 
    form.on('keyup', '.orderquan', function() { 
 
     var sum = 0; 
 
     form.find('.orderquan').each(function() { 
 
     sum += +this.value; 
 
     }); 
 

 
     form.find(".total-quan").val(sum); 
 
    }); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id="quick_post" method="post"> 
 
    <table id="input_fields"> 
 
    <tr> 
 
     <td> 
 
     <input class="orderinput" type="text" name="product[]" /> 
 
     </td> 
 
     <td> 
 
     <input class="orderquan" type="text" name="quantity[]" size="1" maxlength="3" /> 
 
     </td> 
 
    </tr> 
 
    </table> 
 
    <p> 
 
    <label>Total Quantity</label> 
 
    <input name="total_Quantity" class="total-quan" value="" /> 
 
    </p> 
 
</form> 
 

 
<input class="more" type="button" value="Addmore" name="addmore" />