동적으로 생성 된 텍스트 상자 값 합계

-1

모든 동적 생성 텍스트 상자의 합계동적으로 생성 된 텍스트 상자 값 합계

이 내 자바 스크립트입니다 :

<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>

이 내 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>

출처

2014-09-26 user3060235

가능한 중복 [동적 자체가 동적으로 생성되는 foreach는 jQuery를 사용하여 텍스트 상자의 값을 검색 (HTTP : //stackoverflow.com/questions/4862976/dynamically-retrieve-textbox-values-using-foreach-jquery-which-itself-is-dynamic) – Alexandros

하지만 내 경우 엔 $ symbol 오류가 없습니다. – user3060235

로봇과 같은 대답을 보지 말고, 질문을 살펴보십시오. 질문에 대한 답변이 – Alexandros

당신이 원하는 것을 this인가?

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

편집 :

Link이 드래그 및 복제를 사용하여 동적으로 추가 요소와 함께 작동 증명하기 위해

의

출처

2014-09-26 08:59:05 Alexandros

품목 --------- stockest --------- Unit_rate -------- Per_item soap ---------- 2- ------------ 20 --------------- 10 연필 -------- 4 ---------- --- 20 --------------- 5 추가 버튼 ------ 버튼 추가 버튼은 빈 textboxs 항목에 새 행을 추가 제출 주식, unit_rate 및 per_item 제출 버튼은 데이터를 데이터베이스에 제출합니다. 사용자가 두 개의 필드 데이터 (stock와 Unit_rate)를 추가 할 때가 필요합니다. 그것은 자동 표시 per_item = per_item = per_item 필드의 값/주식 단위 비율. 감사합니다! – user3060235

질문에 대한 편집을하고 명확하게 이해할 수 있습니까? – Alexandros

감사합니다 ... 내 문제는 내 문제가 http://stackoverflow.com/questions/16136305/autosum-with-generated-fields-js?rq=1 thsi 내가 원하는 걸 ... – user3060235

동적으로 생성 된 텍스트 상자 값 합계

답변

관련 문제