在两段不同的代码中进行更改 - JQuery

Question

这里有 2 个输入标签，其中 "id1" 标签可以修改，但 "id2" 不能，所以当我在 "id1" 标签中进行任何更改时，值在"id2" 标签但是 "msg" class 中的值没有改变，因为 "id2" 标签的值会自动改变而无需我们自己输入任何内容，我试过 .change , input propertychange 但它不起作用。征求您的意见

<div class="wrap">
<input id= "id1"></input>
<input id = "id2" readonly></input>
<div class="msg"></div>
</div>
<script>
   $('#id1').bind('input propertychange', function() {
      $('#id2').val($(this).val());
   });
   $('#id2').bind('input propertychange ', function() {
      $('.msg').html($(this).val());
   });
</script>

Answer 1

触发事件..我无法想象你为什么需要这样做但是

$('#id1').bind('input', function() {
  $('#id2').val($(this).val()).trigger('input');
});
$('#id2').bind('input', function() {
  $('.msg').html($(this).val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="wrap">
<input id= "id1"></input>
<input id = "id2" readonly></input>
<div class="msg"></div>
</div>

在两段不同的代码中进行更改 - JQuery

Changes getting made in two different pieces of code - JQuery

jquery

input

autofill