我想在用户点击时选择文本框的所有内容。但是，由于我的文档包含几乎5个文本框，而不是为每个文本框分配一个ID选择器或onfocus属性，所以我想选择所有文本框。使用Javascript选择文档中的所有文本框？

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

上面的代码中选择一个文档中的所有段落。所以，我需要为所有文本框使用类似的代码。我试图更换input和input[type=text]没有工作。

来源

2013-04-14 Gowtham Gopalakrishnan

输入应该工作 - 显示您的html – mplungjan

–

@Gowtham你可以设置一个jsfiddle吗？ – Uby

尝试了这一点： -

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将保持所有类型为文本的输入。

来源

2013-04-14 14:36:13

我要求选择所有的文本框通过JS应用CSS样式...我可以用这种技术做到这一点吗？ –

试试这个http://jsfiddle.net/zvgHx/1/ –

竖起大拇指 - 那帮了:) –

-3

使用jQuery：$('input[type=text]')这将做到这一点。

http://jquery.com/

来源

2013-04-14 14:28:52 ndrizza

他没有使用jQuery，也没有用jquery标记他的问题。 – Ejaz

告诉我JS。 –

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

回答

尝试了这一点： -

JS：

HTML：

相关问题