w3c document.forms [0] .fieldname等价物

Question

我一直在使用

document.forms[0].fieldname.value

从表单中获取javascript中的值，但是我想使用名称来引用该字段而不是0，这些日期是什么，因为<form name="formname">不符合要求？

Answer 1

forms collection是标准DOM 1，使用它没有任何问题。

document.forms.formId.elements.field

Answer 2

最简单的方法是在输入中添加一个id：<input id="fieldname" />并像这样引用JavaScript中的值：

document.getElementById('fieldname').value

或者，如果您使用的是jQuery

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

Answer 3

给表单一个name = value并在document.forms＆＃39; array＆＃39;中引用它。通过名字工作？

即:(缩写）

<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;