자바 스크립트로 양식 루프를 반복 하시겠습니까?

Question

는이 같은 형태가 있습니다

<form name="calc" action="" id="calc"> 
<?php for($i=0; $i<15; $i++) { ?> 
<input type="text" name="txt1[$i]" onkeyup="calcNumber()"/> 
<input type="text" name="txt2[$i]" onkeyup="calcNumber()"/> 
<input type="text" name="txt3[$i]" onkeyup="calcNumber()"/> 
<span id="tot[$i]"></span> 
<?php } ?> 
</form> 

을 그리고 이것은 자바 스크립트 코드입니다 : 하나

<script type="text/javascript"> 
function calcNumber() { 

for(var j=0; j<15; j++) { 

var totNumber[j] = document.calc.txt1[j].value + document.calc.txt2[j].value + document.calc.txt3[j].value; 

document.getElementById('tot[j]').innerHTML = totNumber[j]; 
} 

} 
</script> 

오류가 없습니다 .. 그러나 결과가 없습니다. 제가 잘못한 것을 알려주십시오. 감사.

Answer 1

tot에 이 아닌 tot 뒤에 배열을 삽입하면 문제가 발생했습니다.

많은 도움을 주셔서 감사합니다.

Answer 2

다음과 같이 html을 수정하십시오.

<input type="text" name="txt1[<?php echo $i;?>]" onkeyup="calcNumber()"/> 
<input type="text" name="txt2[<?php echo $i;?>]" onkeyup="calcNumber()"/> 
<input type="text" name="txt3[<?php echo $i;?>]" onkeyup="calcNumber()"/> 
<span id="tot[<?php echo $i;?>]"></span> 

그리고 당신의 자바 스크립트의 현재 행 :

document.getElementById('tot[' + j + ']').innerHTML = totNumber;

totNumber는 array하지 않으며,이 경우에있을 필요는 없습니다.

문제

은 내부 <?php ?> 태그 아니기 때문에 귀하의 렌더링 된 HTML이 정확하게 당신이 당신의 질문에 제공되는 HTML이 $i이 번호로 대체되지 않습니다됩니다.