前端之家

  1. 首页
  2. 问答

需要使用原始Javascript从HTML表单中获取数据

• 问答

我正在尝试从网页上的表单中获取一些简单的数据。应该很简单，但是，一个，我不能使用jQuery，它必须是纯JS，第二，它是在旧系统上，因此它只能在IE11中工作。

这是我正在使用的表单域的图像：

需要使用原始Javascript从HTML表单中获取数据

我需要获取标签的ID和红色框中指示的字段值。这就是他们将其映射到数据库的方式。我必须将它们放在表单上，​​然后将它们放入电子表格中。

我尝试执行此操作的最简单方法是使用：

document.getElementById('Section1_0').getElementsByTagName('*');

当然这是一种矫kill过正，因为之后我又回到了DOM中的每个节点，然后不得不使用JSON.parse()之类的东西来解析它。

简而言之，如果有一种更简单的方法来获取ID和值，那将是很好的。如果我必须创建一个数组，然后遍历该数组以提取ID和值，我也可以这样做。我已经尝试了几件事，但由于表单的结构不一致，所以我把头撞在墙上。

任何帮助将不胜感激。

wp_zhang2002 回答：需要使用原始Javascript从HTML表单中获取数据

我希望这会对您有所帮助。

const x = [2,4,6,8],y = [10,20,40,60,80],row = Object.fromEntries( y.map(v => [v,0]) ),output = Object.fromEntries( x.map(key => [key,{ ...row }]) )

console.log(output)
const labels = document.getElementsByTagName("label");
Array.from(labels).forEach(label => {
    const labelText = label.innerHTML;
    const labelId = label.getAttribute('id');
   console.log(labelText);
   console.log(labelId);
});

formshtmljavascriptjquery
本文链接：https://www.f2er.com/3114841.html

大家都在问