对齐两个控件

Question

我有两个textbox1和文本框2 ..当我开始在文本框1中键入时，文本框2应该自动插入相同的字符。同样，我输入文本框2，textbox1应该更新。有什么想法吗？

Answer 1

如果您希望仅在文本框失去焦点后更新第二个框，则使用更改事件将起作用。如果您使用keyup，则键入的每个字符都会显示在另一个框中。

$('#textbox1').keyup(function(){ $('#textbox2').val($(this).val()); });
$('#textbox2').keyup(function(){ $('#textbox1').val($(this).val()); });

修改

这是另一种方法，可以满足您组合它们的要求（并允许您将任意数量的文本框链接在一起）。它与Q8-coder试图用他的答案做的事情类似，但使用 this 关键字来检索该值会产生重大影响。

你会把这个类“模仿”放在两个文本框上。

$(document).ready(function() {
   $('input.mimic').keyup(function() {
        var text = $(this).val();
        $('input.mimic').val(text);
   });
});

修改

现在Q8-coder已经纠正了他的答案，这个替代方案与他的答案相同（尽管它确实有助于通过将选择器缩小到输入元素来加速选择器。）

Answer 2

$('#textbox1').change (function(){ $('#textbox2').val($(this).val()); });
$('#textbox2').change (function(){ $('#textbox1').val($(this).val()); });

Answer 3

您可以将类“.mytext”添加到两个文本框中，并使用下面的jquery脚本对齐它们。

$(".mytext").keyup(
  function(){
    var teks = $(this).val();
    $(".mytext").val(teks);        
  }
);