温馨提示×

textarea赋值与数据绑定技巧

小樊
217
2024-07-08 13:39:16
栏目: 编程语言

在HTML中,可以通过使用<textarea>元素来创建多行文本输入框,可以通过在标签内部设置初始值来为<textarea>元素赋值,例如:

<textarea>这是一个文本输入框的初始值</textarea>

如果想要通过JavaScript动态地为<textarea>元素赋值,可以通过获取该元素的引用,然后设置其value属性来实现,例如:

<textarea id="myTextarea"></textarea>

<script>
  document.getElementById('myTextarea').value = '动态设置的值';
</script>

如果想要将<textarea>元素的值与其他数据绑定,可以通过监听input事件来实现,例如:

<textarea id="myTextarea"></textarea>
<p id="output"></p>

<script>
  let textarea = document.getElementById('myTextarea');
  let output = document.getElementById('output');

  textarea.addEventListener('input', function() {
    output.textContent = textarea.value;
  });
</script>

这样当用户在文本输入框中输入内容时,输出元素的文本内容会实时更新为输入框中的值。

0