Question

我有一个带两个输入框的表。 A和B.我在输入A（以及B）中输入内容，我希望它的值自动设置为我在change事件中输入的内容。这很容易吗？

<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

更多信息

Answer 2

你可以尝试这样的事情

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

其他输入

相同

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

Answer 3

输入[type = text]的更改事件不能像您期望的那样工作。它基本上检查焦点的更改值，然后触发事件。

我建议使用keyup事件来复制值。它将如此简单：

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

Answer 4

试试这个：

$("#B1").bind("change keyup", function(){
    $("#B2").val($(this).val());
});

$("#B2").bind("change keyup", function(){
    $("#B1").val($(this).val());
});

通过这种方式，它将拾取每个角色，并且还可以使用鼠标来复制和粘贴文本。

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

4 个答案:

描述

示例

jsFiddle Demonstration

更多信息