getElementsByTagName input text

[nigella]

Salut à tous,

j'aimerai récupérer une liste uniquement de input type="text", mais mon code récupère tous les input (même le type="submit").

comment doit je faire?

Code :

1
2
3
4
5
6
7
8
 
<form id="myForm">
nom :<br/>
<input type="text" class="nom"/><br/>
prenom :<br/>
<input type="text" class="prenom"/><br/>
<input type="submit" value="envoyer" />
</form>

Code :

1
2
3
4
5
6
 
<script type="text/javascript"><blockquote>
var myForm = document.getElementById('myForm');
var input = myForm.getElementsByTagName('input');
alert(input.length);
</blockquote></script>

[SpaceFrog]

Code :

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
var myForm = document.getElementById('myForm');
var allinputs = myForm.getElementsByTagName('input');
var i=-1;
textinputs=new Array();
while (allinputs[++i]){
if(allinputs[i].type.toLowerCase()=="text"){textinputs.push(allinputs[i])}
}
//ici dans textinputs tu n'a que les input de type text
 
</script>

[Bovino]

Mais que vient faire une balise <blockquote> dans ta balise <script> ?

Sinon, tu peux aussi passer par querySelectorAll() si disponible

Code :

1
2
3
4
5
6
7
var myinputs;
if(myform.querySelectorAll){
    myinputs = myform.querySelectorAll('input[type=text]');
}
else{
    // voir le code de Spaffy
}