使用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/