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

Question

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

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

或者可以有如下2个字段；

<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，这里有一些关于如何获取价值的信息。

Answer 4

前提是至少有一个元素名称“myField”

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/