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

Posted 2023-02-24

【中文标题】在两段不同的代码中进行更改 - JQuery

【英文标题】：Changes getting made in two different pieces of code - JQuery

【发布时间】：2018-09-19 06:41:14

【问题描述】：

这里有 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>

【参考方案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>

【讨论】：

不客气@bhardwaj_g ..祝你有美好的一天:-)

但这不是问题，问题更大

@bhardwaj_g 问题是什么？？