Как перебрать массив текстового поля в 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 другого текстового поля. Как я должен это делать? следующий ответ Рахула Заполняет все текстовые поля одним и тем же значением, но я хочу, чтобы только первые 2 tds первого tr данной таблицы с различными значениями

Пожалуйста, помогите. Заранее спасибо!

Answer 1

Было бы лучше использовать библиотеку js, такую ​​как jQuery. В 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>