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

Question

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

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

var newField = document.getElementById("input")

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

如果有更好的方法做到这一点我什至不结婚jquery/js/ajax（如果possible/is最好）

我希望从本质上实时反映程序化更新

任何帮助将不胜感激

谢谢

Answer 1

我了解到您想将输入值与输入值同步。如果是这样，下面的解决方案依赖于 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>

Answer 2

您可以使用 input jquery 事件在 textarea 更改其值时进行绑定：

$("textarea").on("input", function(){
  $("input").val($("textarea").val())
})

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

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

How to update input from a programmatically set textarea

javascript

variables

jquery

var