如何在JS中迭代文本框数组

时间:2010-02-16 10:11:30

标签: javascript-events

我有HTML Like -

中的文本框
<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>

现在我想在第一行填充TextBoxes,并在另一个文本框的onchange事件上填充一些值。 我该怎么办? 以下答案由Rahul填写具有相同值的所有文本框但我想只有前两个tds的给定表的第一个tr具有不同的值

请帮助。 在此先感谢!

1 个答案:

答案 0 :(得分:0)

最好使用像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>