w3c document.forms[0].fieldname 等效项

Question

我一直在使用

document.forms[0].fieldname.value

javascript 从表单中获取值，但我想使用名称来引用字段而不是 0，自从

不符合规定？

Answer 1

表单集合 是标准的 DOM 1，使用它没有什么问题。

document.forms.formId.elements.field

Answer 2

最简单的方法是向输入添加 id： 并引用 JavaScript 中的值，如下所示：

document.getElementById('fieldname').value

或者，如果您使用的是 jQuery

$('#fieldname').val();

Answer 3

给表单一个 name= value 并在 document.forms 'array' 中按名称引用它是否有效？

即：（非常缩写）

<form name="form1">.insert.your.elements.here.with.name.attribute.set.</form>

和JS：

document.forms["form1"]["form_item_name"].value;

我是一个业余爱好者，所以如果这是错误的，请给我一个建设性的批评......:-)

Answer 4

建议为每个元素提供唯一的 id 并将此 id 与 getElementById 函数一起使用:

var value = document.getElementById('idofelement').value;

Answer 5

（仍然支持 document.forms。您可以保留它。）

为字段提供 id 并使用 document.getElementById 的最佳方法。

<input type="text" name="fooName" id="fooId" />
...
document.getElementById("fooId").value;

如果您无法添加 id，您仍然可以使用 document.getElementsByName，但它会返回一个数组而不是单个元素，因为许多元素可能共享相同的名称。

document.getElementsByName("fooName")[0].value;