jquery更改2个输入文本字段的值

Question

我想创建 2 个同时更改的文本字段

<input type="text" class="text1">
<input type="text" class="text2">

它们是动态创建的，所以我的代码是:

$("body").on("keyup", function() {
    $(".text2").val($('.text1').val());
});

它仅在更改 text1 时有效。我怎样才能编写我的脚本以便我也可以更改text2？

谢谢!

Answer 1

你可以做类似的事情

var $ins = $('.text1, .text2').keyup(function() {
  $ins.not(this).val(this.value);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text" class="text1">
<input type="text" class="text2">

这里我们将除 keyup 之外的输入字段的值更改为更新后的值。

<小时/>

使用事件委托(delegate)

$(document).on('keyup', '.text1, .text2', function() {
  $('.text1, .text2').not(this).val(this.value);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text" class="text1">
<input type="text" class="text2">