3

我有一个带有两个输入框的表格。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>
4

4 回答 4

3

描述

如果您想在每次击键时保持两个输入元素同步，您应该使用 jQuery的.keyup()and .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 演示

更多信息

于 2011-12-30T00:03:13.963 回答
1

你可以试试这样的

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

其他输入相同

$('#B1').change(function(){
  $('#A1').val($(this).val());
});
于 2011-12-30T00:02:30.547 回答
1

尝试这个：

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

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

这样，它将拾取每个字符，并且还将使用鼠标获取复制和粘贴文本。

于 2011-12-30T00:47:16.617 回答
0

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

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

$('#A1').keyup(function(){
   $('#B1').val($('#A1').val());
});
于 2011-12-30T00:04:38.910 回答