for 루프의 텍스트 상자에서 for 루프 내의 다른 텍스트 상자로 데이터를 복사하는 방법

Question

다음 루프에는 2 개의 텍스트 상자가 있습니다. 한 텍스트 상자에서 다른 텍스트 상자로 데이터를 복사하고 싶습니다. 내 코드의 다음 부분

자바 스크립트

function copy(val) { 
var a = document.getElementById("textA"+val).value 
document.getElementById("textB"+val).value=a 
} 

HTML 다른 텍스트 상자의 1 개 값을 복사하는 지금이 유일한 작품 BT

<% int count1 = -1; 
    for(int i=0; i<2; i++) { %> 

    <td><input type="text" id= "textA<%=i%>" /></td> 
    <td><input type="text" id= "textB<%=i%>" readonly/></td> 

<% count1 = i; 
}%> 

<td><input type="button" value=" Copy " name="cb_copy" onClick="copy(<%=count1%>)"/>/td> 

. 이 루프 내에서 모든 textA 값을이 루프 내에서 각각의 textB에 어떻게 복사합니까?

미리 도움을 청하십시오! :)

Answer 1

변경 JS에 :

function copy(val) { 
    for(var i=0; i<val; i++) { 
     var a = document.getElementById("textA"+i).value; 

     document.getElementById("textB"+i).value = a; 
    } 
} 

Answer 2

당신이 textA에 대한 인덱스는 0부터 시작 것을 알고 끝까지 연속 인 경우에, 당신은 할 수있는 일이 같은 :

var i = 0; 
var source, target; 

while (source = document.getElementById('textA' + i)) { 

    if (target = document.getElementById('textB' + i)) { 
    target.value = source.value; 
    } 
    i++; 
} 

이렇게하면 요소를 액세스하려고하기 전에 요소가 있는지 테스트 할 수 있습니다.이 요소는 오류를 발생시키지 않고 도움을 주며 쌍의 수를 알 필요가 없습니다.