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

您可以执行类似

的操作

＆＃13;

＆＃13;

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

＆＃13;

<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">

＆＃13;

＆＃13;

＆＃13;

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

---

使用事件委托

＆＃13;

＆＃13;

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

＆＃13;

<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">

＆＃13;

＆＃13;

＆＃13;

Answer 2

你可以试试这个

$("body").on("keyup", function() {
    var val1=$('.text1').attr('value');
    $(".text2").attr('value',val1);
});