Jquery 对齐两个控件

Jquery 对齐两个控件,jquery,Jquery,我有两个textbox 1和textbox 2..当我开始在textbox 1中键入时,textbox 2应自动插入相同的字符..类似地,我在textbox 2中键入时,textbox 1应得到更新。有什么想法吗?如果您只想在文本框失去焦点后更新第二个框,那么使用更改事件将有效。如果使用keyup,则键入的每个字符都会显示在另一个框中 $('#textbox1').change (function(){ $('#textbox2').val($(this).val()); }); $('#tex

我有两个textbox 1和textbox 2..当我开始在textbox 1中键入时,textbox 2应自动插入相同的字符..类似地,我在textbox 2中键入时,textbox 1应得到更新。有什么想法吗?

如果您只想在文本框失去焦点后更新第二个框,那么使用更改事件将有效。如果使用keyup,则键入的每个字符都会显示在另一个框中

$('#textbox1').change (function(){ $('#textbox2').val($(this).val()); });
$('#textbox2').change (function(){ $('#textbox1').val($(this).val()); });
$('#textbox1').keyup(function(){ $('#textbox2').val($(this).val()); });
$('#textbox2').keyup(function(){ $('#textbox1').val($(this).val()); });
编辑:

这里有一种替代方法可以满足您合并它们的需求(并允许您将任意数量的文本框链接在一起)。这和Q8编码员试图用他的答案来做的想法相似,但使用这个关键字来检索值却完全不同

您可以在两个文本框上都放置类“mimic”

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


现在,Q8编码员已经更正了他的答案,这个选项与他的答案相同(尽管它通过将选择器缩小到输入元素来帮助加快选择器的速度)。

您可以将class“.mytext”添加到两个文本框中,并将它们与下面的jquery脚本对齐

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

这仅适用于将第一个框值复制到第二个框值。如果您尝试在第二个框中键入,它将自动再次复制第一个框中的值,并且您键入的任何内容都将消失。哦,是的!我想键入$(this.val(),而不是$(“.mytext”).val();这两种说法能结合起来吗?