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>

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

1 个答案: