getElementsByTagName input text

Version imprimable

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"> <div style="margin-left:40px"> var myForm = document.getElementById('myForm'); var input = myForm.getElementsByTagName('input'); alert(input.length);</div></script>

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>

01/12/2011, 13h59
Bovino
Mais que vient faire une balise <blockquote> dans ta balise <script> ? 8O

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 }