当一个输入值更改JQuery时设置输入值

Question

现在，当第1行值改变时，第2行和第3行相应地改变。 问题是这个硬代码，我不知道从数据库生成的行数。任何想法？非常感谢

＆＃13;

＆＃13;

$("#A1").keyup(function() {
    $("#B1").val($("#A1").val());
});

$("#A1").keyup(function() {
    $("#C1").val($("#A1").val());
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<tr>    
<td><input type="text" id="A1" name="A" value=""></td>
</tr><br>
<tr>    
<td><input type="text" id="B1" name="A" value=""></td>
</tr>
<br>
<tr>    
<td><input type="text" id="C1" name="A" value=""></td> 
</tr>

＆＃13;

＆＃13;

＆＃13;

Answer 1

您只需选择所有输入并更新所有值。

$("#A1").keyup(function() {
    $("input").val($("#A1").val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<tr>    
<td><input type="text" id="A1" name="A" value=""></td>
</tr><br>
<tr>    
<td><input type="text" id="B1" name="A" value=""></td>
</tr>
<br>
<tr>    
<td><input type="text" id="C1" name="A" value=""></td> 
</tr>

此外，如果您想选择一些，您可以选择以逗号分隔的多个ID。像这样：

$("#A1").keyup(function() {
    $("#B1, #C1").val($("#A1").val());
});

Answer 2

您可以将值分配给HTML中的所有输入，如下所示：

＆＃13;

＆＃13;

$("#A1").keyup(function() {
    $("input").val($("#A1").val());
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<tr>    
<td><input type="text" id="A1" name="A" value=""></td>
</tr><br>
<tr>    
<td><input type="text" id="B1" name="A" value=""></td>
</tr>
<br>
<tr>    
<td><input type="text" id="C1" name="A" value=""></td> 
</tr>

＆＃13;

＆＃13;

＆＃13;

Answer 3

与此处给出的其他答案不同，在我看来，更改所有输入元素风险太大。我建议id将class添加到您想要更改的所有输入字段，并根据此类将您的函数更改为JQuery选择器（在下面的示例中，我添加的类称为changable ）。

＆＃13;

＆＃13;

$("#A1").keyup(function() {
    $(".changable").val($("#A1").val());
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<tr>    
<td><input type="text" id="A1" class="changable" value=""></td>
</tr><br>
<tr>    
<td><input type="text" id="B1" class="changable" value=""></td>
</tr>
<br>
<tr>    
<td><input type="text" id="C1" class="changable" value=""></td> 
</tr>

＆＃13;

＆＃13;

＆＃13;