Question

我的页面中有一个名为“myField”的字段现在这是动态的，所以有两种情况，即它只能是1个字段;

<input type="text" name="myField" />

或者可以有以下两个字段;

<input type="text" name="myField" />
<input type="hidden" name="myField" />

我使用以下代码访问JS中的值;

document.forms[0].myField[0].value

但是，如果只有一个字段（如第一种情况），则不起作用

如何编写动态JS代码来处理相同的问题？它应该是跨浏览器兼容的。

Answer 1

是的，因为在第一种情况下，您应该使用document.forms[0].myField.value。

我建议使用getElementsByName()方法检索元素：

var val = document.getElementsByName("myField")[0].value;

Answer 2

更好的方法是为每个元素提供一个唯一的ID，然后使用

获取它

document.getElementById(id).value

Answer 3

查看JQuery和here's有关如何获取价值的一些信息。

Answer 4

如果至少有一个元素名称＆＃34; myField＆＃34;

var count = document.forms[0].myField.length;
for(var i=0; i < count; i++){
    // do something with document.forms[0].myField[i].value
    console.log(document.forms[0].myField[i].value);
}

小提琴：http://jsfiddle.net/HtrrT/

在Javascript中获取文本框值（单个/多个字段）

4 个答案: