javascript - 带数组的输入标签

Question

最近在做一个项目，遇到了一个奇怪的问题。

这是以前的程序员做MPAN的程序:

<input name="mpan[]" id="mpan[]" value="" maxlength="2" size="2" >//this one to read
<input name="mpan[]" id="mpan[]" value="" maxlength="3" size="3">
<input name="mpan[]" id="mpan[]" value="" maxlength="3" size="3">
<input name="mpan[]" id="mpan[]" value="" maxlength="3" size="3">
<input name="mpan[]" id="mpan[]" value="" maxlength="3" size="3">//this one to read

我必须从 javascript 中读取我所做的事情:

1) document.getElementByName("mpan").value ==> 不读取脚本不起作用
2) document.getElementByName("mpan[]").value ==> 阅读第一个
3) document.getElementByName("mpan[0]").value ==> 脚本不起作用
4) document.getElementByName("mpan[3]").value ==> 脚本不起作用
5) document.getElementByName("mpan[]")[3].value ==> 不工作

谁能告诉我如何从 javascript 程序中读取此内容？

Answer 1

在 HTML 中，ID 必须是唯一的。因此，对多个元素使用相同的 ID 是一种错误。

对列表中的每个元素使用不同的 ID。假设您正在使用 PHP 解析 POST(或 GET)数据，这样您就可以毫无问题地保持相同的名称 (mpan[])。

此外，ID只能由某些字符组成；来自 W3C HTML 推荐:

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 (”.”).