时间戳

首页 > 解决方案 > 如何使用 data.get() 函数获得价值

javascript - 如何使用 data.get() 函数获得价值

问题描述

我正在尝试获取已附加到表单字段集中的文本区域的值。为此，当我提交表单时，会触发以下代码：

function handleSubmit(e) {
  e.preventDefault();
  console.log(document.getElementById('Observation_1').value);
  const data = new FormData(e.target);
  const value = data.get('Observation_1');
  console.log(value);
}
const form = document.querySelector('form');
form.addEventListener('submit', handleSubmit);
<form>
  <textarea id="Observation_1"></textarea><br>
  <button type="submit">Test</button>
</form>

但是，我console.log (value);返回null，而我console.log(document.getElementById('Observation_1').value); 返回我的 textarea 的内容。

有人可以解释一下为什么我返回 null 并帮助我修复我的代码，以便我可以获取我的 textarea 的实际内容。

标签： javascript

解决方案

您可能在 textarea 上没有name="Observation_1"属性。

推荐阅读