javascript - 如何更新以编程方式设置的文本区域的输入

Question

我有一个文本区域，它设置了来自谷歌地图的坐标。当用户拖动 map 时，坐标会自动更新。我正在尝试将每个更新推送到输入。

我有以下代码(它不会随着程序更新而更新，只有当用户自己更改文本字段并单击关闭时)

var newField = document.getElementById("input")

$('#textarea').change(function () {
  var $this = $(this);
  newField.value = $this.val();
});
$('#textarea').trigger('change');

如果有更好的方法来做到这一点，我不会嫁给某种方式，甚至 jquery/js/ajax(如果可能/是最好的)

我希望从本质上实时反射(reflect)程序化更新

任何帮助将不胜感激

谢谢

Answer 1

我知道您想将 input 的值与 input 的值同步。如果是这样，下面的解决方案依赖于 setInterval:

setInterval(() => {
  document.getElementById('input').value = $('#textarea').val();
}, 2);

    setInterval(() => {
       
      document.getElementById('input').value = $('#textarea').val();
    }, 2);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>




<div>
  <h3>Write something in this textarea. It should be reflected in the Input bleow</h3>
  <textarea id="textarea" placeholder="This is textarea..." rows="4" cols="30">
  </textarea>

</div>

<div>
 <input id="input" placeholder="This is input..." type=text"/>
</div>