Dynamic generated textboxs values sum

Question

How sum of all dynamic generated text boxes?

This is my JavaScript:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script language="javascript" type="text/javascript"> 
    var i=1; function addRow() {
      var tbl = document.getElementById('table1');
      var lastRow = tbl.rows.length;
      var iteration = lastRow - 1;
      var row = tbl.insertRow(lastRow);

      var firstCell = row.insertCell(0);
      var el = document.createElement('input');
      el.type = 'text';
      el.name = 'items_' + i;
      el.id = 'items_' + i;

      el.size = 20;
      el.maxlength = 20;
      firstCell.appendChild(el);

      var secondCell = row.insertCell(1);
      var el2 = document.createElement('input');
      el2.type = 'text';
      el2.name = 'stock_' + i;
      el2.id = 'stock_' + i;
       el2.class = 'stock' + i;
      el2.size = 20;
      el2.maxlength = 20;
      secondCell.appendChild(el2);

      var thirdCell = row.insertCell(2);
      var el3 = document.createElement('input');
      el3.type = 'text';
      el3.name = 'unit_rate_' + i;
      el3.id = 'unit_rate_' + i;      el3.class = 'unit_rate' + i;
      el3.size = 20;
      el3.maxlength = 20;
      thirdCell.appendChild(el3);

       var fourthCell = row.insertCell(3);
      var el4 = document.createElement('input');
      el4.type = 'text';
      el4.name = 'per_item_' + i;
      el4.id = 'per_item_' + i;       el3.class = 'per_item' + i;

      el4.size = 20;
      el4.maxlength = 20;
      fourthCell.appendChild(el4);

     // alert(i);
      i++;
      frm.h.value=i;    //   alert(i);   

}//AUTO GNERATE INPUTBOX PRANTHESE var a=1; $().ready(function () {
         $(".stock, .unit_rate" ).on("change", function () {
       $(".unit_rate, .stock").each(function(){          var totalcost = parseFloat($(".unit_rate").val()) / parseFloat($(".stock").val())  ;    $(".per_item").val(totalcost);          });
                 });
          });  


</script>

This is my HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html  xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html;  charset=utf-8" /> 
<title>Untitled Document</title></head>

<body> 
<form  action="stocksubmit.php" method="post" name="frm" id="frm"> 
<table width="40%" border="2" cellpadding="0" cellspacing="0" id="table1">   <tr>
<td><strong>ITEMS</strong></td>
<td><strong>STOCK</strong> </td>
<td><strong>UNIT RATE</strong> </td>
<td><strong>PER ITEM</strong> </td>   </tr>  <tr>
<td><input name="items_0" type="text" id="items_0" size="20" class="item" maxlength="20" /></td>
<td><input name="stock_0" type="text" id="stock_0" size="20" class="stock" maxlength="20" /></td>
<td><input name="unit_rate_0" type="text" id="unit_rate_0"  class="unit_rate" size="20"  maxlength="12" /></td>
<td><input name="per_item_0" type="text" id="per_item_0" class="per_item" size="20" maxlength="12" /></td>

</tr>

</table> <input type="button" value="Add" onclick="addRow();" /> <input name="submit"   type="submit" value="submit" /> <label> <input name="h" type="hidden" id="h" value="0" /> </label>  
</form> </body> </html>

possible duplicate of [dynamically retrieve textbox values using foreach jquery which itself is dynamically created](http://stackoverflow.com/questions/4862976/dynamically-retrieve-textbox-values-using-foreach-jquery-which-itself-is-dynamic) — hahaha, Sep 26 '14 at 07:53
dont look at the answer like a robot, look at the question as well. The question answers your question — hahaha, Sep 26 '14 at 08:12

hahaha · Accepted Answer · 2014-09-26T09:16:15.390

1

Is this what you want??

$('#addbutt').click(function() {
    $(":text").each(function(){
        test_asd += parseInt($(this).val());
    });
    alert(test_asd);
});

edit:

Link to prove this works with dynamically added elements using drag and clone

edited Sep 26 '14 at 09:16

answered Sep 26 '14 at 08:59

hahaha

1,001
1
16
32

items---------stock---------Unit_rate--------Per_item soap----------2-------------20---------------10 pencil--------4-------------20---------------5 add button------Submit button add button add new row with blank textboxs items, stocks, unit_rate and per_item where submit button submit data into database. i want when user add two fields data(stock and Unit_rate). it auto show value of per_item field like per_item=stock/unit_rate.thanks! – user3060235 Sep 26 '14 at 13:25
I don't understand can you make an edit on your question and clarify it there? – hahaha Sep 26 '14 at 13:51
thanks... I go solution my problem http://stackoverflow.com/questions/16136305/autosum-with-generated-fields-js?rq=1 thsi same what i want... – user3060235 Sep 26 '14 at 14:14

Dynamic generated textboxs values sum

1 Answers1