时间戳

首页 > 解决方案 > javascript: document.getElementsByName("sample[]") 不工作

javascript - javascript: document.getElementsByName("sample[]") 不工作

问题描述

我有一个表格，如果需要，您可以在其中附加额外的输入。所以我这样命名我的表格。

<input type="text" name="sample[]" />

我想使用名称“sample[]”访问输入的所有值，并使用 javascript 将其存储在数组中。我在下面使用了这段代码：

 var sample = document.getElementsByName(sample[]);

如何单独获取所有值？任何帮助将不胜感激。谢谢！！！

标签： javascriptarraysgetelementsbyname

解决方案

将此添加到您的 js 函数中，您将在 values 数组中获得输入值。在这里，我得到了一个包含 name = "sample[]" 的所有元素的 NodeList，并转换为 Array 以便于处理数据。

var sample = Array.prototype.slice.call(document.getElementsByName('sample[]'));
var values = sample.map((o) => o.value);

对其进行了测试，以下是小提琴的链接。 https://jsfiddle.net/mfw4rv9o/13/

推荐阅读