javascript - 表单中的多个元素转为 JavaScript

Question

我在 HTML 页面的表单中有多个文本框。我想在 JavaScript 中将元素的值读取到数组中。我将每个元素的 name 和 ID 分别设置为 name[] 和 ID[]。如何在 JavaScript 中将元素的值读取到 array 中以进行进一步操作。

此外，在更新每个元素时，我想在数组中的各个位置添加元素的值，例如:表单中的第一个元素位于位置 0，第二个元素位于位置 1 ... 等等

Answer 1

首先，不要将元素的 id 设置为“ID[]”。 id 是一个 NAME token 并且:

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

此外，ID必须是唯一的。因此，虽然您可以拥有多个同名元素，但它们不能共享 id。

然后，您可以获得给定表单中所有表单控件的 NodeList(对于您的目的来说，这几乎肯定是足够类似数组的)，这些表单控件通过以下方式共享名称:

document.forms.id_of_form.elements.name_of_inputs

由于名称中包含字符“[”和“]”，它们在 JavaScript 中具有特殊含义，因此您必须在最后一位使用方括号表示法而不是点表示法。

document.forms.id_of_form.elements['name_of_inputs[]']