는 JS

Question

에서 텍스트 상자의 배열을 반복하는 방법은 HTML처럼 텍스트 상자가 -

<table id="tbl"> 
<tr> 
    <td><input type="text" name="t1[]"></td> 
    <td><input type="text" name="t2[]"></td> 
    <td><input type="text" name="t3[]"></td> 
</tr> 
<tr> 
    <td><input type="text" name="t1[]"></td> 
    <td><input type="text" name="t2[]"></td> 
      <td><input type="text" name="t3[]"></td> 
</tr> 
</table> 

가 지금은 또 다른 텍스트 상자의 onchange를 이벤트에 대한 몇 가지 값을 첫 번째 행에서 텍스트 상자를 채우려. 어떻게해야합니까? Rahul에 의한 다음 답은 같은 값을 가진 모든 텍스트 상자를 채 웁니다. 그러나 다른 값을 가진 주어진 테이블의 첫 번째 tr의 첫 번째 2 tds 만 나타냅니다.

도와주세요. 미리 감사드립니다.

Answer 1

jQuery와 같은 js 라이브러리를 사용하는 것이 좋습니다. jQuery에서 이와 같이 할 수 있습니다.

$(function(){ 
    $("yourtextboxselector").change(function(){ 
     $("#tbl1 tr:first input:text").each (function(){ 
      $(this).val('new value'); 
     }); 
    }); 
}); 

<table id="tbl1"> 
<tr> 
    <td><input type="text" name="t1[]" /></td> 
    <td><input type="text" name="t2[]" /></td> 
</tr> 
<tr> 
    <td><input type="text" name="t1[]" /></td> 
    <td><input type="text" name="t2[]" /></td> 
</tr> 
<tr> 
    <td><input type="text" name="t1[]" /></td> 
    <td><input type="text" name="t2[]" /></td> 
</tr> 
</table>