Изменения делаются в двух разных частях кода - JQuery

Question

Вот 2 входных тега, в которых тег «id1» может быть изменен, но «id2» не может, поэтому, когда я делаю какие-либо изменения в теге «id1», значение меняется в теге «id2», но значение вКласс "msg" не меняется, так как значение тега "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>