jquery - 在更改事件上设置当前输入文本字段的输入值

Question

我有一个带有两个输入框的表格。 A 和 B。我在输入 A(以及 B)中输入一些内容，并且我希望它的值自动设置为我在更改事件中输入的任何内容。这容易做到吗？

<tr>    
 <td><input type="text" id="A1" name="A" value=""></td>
 <td><input type="text" id="B1" name="B" value=""></td>
</tr>

Answer 1

描述

如果你想在每次击键时保持两个输入元素同步，你应该使用 jQuery 的 .keyup() 和 .change() (用于复制和粘贴)方法。

示例

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

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

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

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

jsFiddle Demonstration

更多信息

• jQuery Documentation - .keyUp()
• jQuery Documentation - .change()