使用Javascript选择文档中的所有文本框？

Question

我想在用户点击它时选择文本框的所有内容。但是，由于我的文档包含近5个文本框，而不是给每个文本框一个ID选择器或onfocus属性，我想选择所有文本框。

例如：var x = document.getElementsByTagName("p");

以上代码选择文档中的所有段落。所以，我需要一个类似的代码用于所有文本框。我试过替换input和input[type=text]没有任何效果。

Answer 1

试试这个： -

http://jsfiddle.net/adiioo7/zvgHx/

JS：

var x = document.getElementsByTagName("INPUT");
var y = [];
var cnt2 = 0;
for (var cnt = 0; cnt < x.length; cnt++) {
    if (x[cnt].type == "text") y.push(x[cnt]);
}

alert("Total number of text inputs: " + y.length);

HTML：

<input type="text" id="input1" value="input1"></input>
<input type="text" id="input2" value="input2"></input>
<input type="text" id="input3" value="input3"></input>
<input type="text" id="input4" value="input4"></input>
<input type="text" id="input5" value="input5"></input>

因此，数组y会将所有类型的输入视为文本。

Answer 2

使用jQuery：$('input[type=text]')这样就可以了。

http://jquery.com/