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

标签 javascript html

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

此外,在更新每个元素时,我想在数组中的各个位置添加元素的值,例如:表单中的第一个元素位于位置 0,第二个元素位于位置 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[]']

关于javascript - 表单中的多个元素转为 JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4470738/

相关文章:

javascript - 文本框中的 Angular 表达式

javascript - 在 jsx 中使用 () => vs this.something

javascript - 想要在不增加或减少任何单个像素的情况下显示从 1680 到 980 分辨率的相似 View

html - 如何使 3 列响应?

html - 只有当页面滚动时,下拉导航才会出现间隙

javascript - 如何找到一组单选按钮的值?

javascript - 比较两个字符串数组 Javascript 的最快/最有效的方法

javascript - 更改 switch 语句以包含 mp4 和 ogg 文件

javascript - 在未来几天或几个月内执行操作

javascript - 使用 jQuery 计算段落中的字符数(*不*用于输入/文本区域)