boucle sur un INPUT en javascript

**paolo2002** · 14/02/2011, 12h31

Bonjour � tous,

Est-il possible d'effectuer une boucle javascript sur un object HTML ?

Pour �tre pr�cis, j'essaie d'obtenir quelque chose de ce genre:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
 
<TABLE WIDTH="20%" BORDER="1" ALIGN="CENTER" CELLSPACING=0>
 
for(i = 0; i < taille; i++)
<TR>
	<TD ALIGN="CENTER">
		<input type='hidden' id='IdToto_'"+i+" name='strToto' value='"+valeurs[i]+"' />	</TD>
</TR>

En utilisant uniquement javascript et HTML.

Merci d'avance pour votre aide.

**vermine** · 14/02/2011, 13h13

Bonjour,

Oui mais alors ce sera uniquement en Javascript avec des createElement, des appendChild, etc. Des m�thodes du DOM en bref. Vous pouvez faire une recherche sur le forum, il y a plusieurs exemples qui y trainent.

**Eric2a** · 14/02/2011, 13h30

Salut,

Dans l'exemple ci-dessous, seules les balises <input /> sont ajout�es dans le tableau en utilisant la m�thode DOM comme l'a mentionn� vermine.

Etant donn� que les balises <input /> sont de type 'hidden', il est normal que les lignes du tableau les contenant paraissent vides.

D'ailleurs, je me demande s'il est vraiment utile de cr�er des lignes (<tr>) pour des �l�ments invisibles.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Tableau</title>
	<script type="text/javascript">//<![CDATA[
		function createTable(){
 
			// Taille et Tableau définis dans la fonction pour l'exemple
			var valeurs=new Array(1,2,4,8,16,32,64,128,256,512,1024,2048,4096,8192,16384);
			var taille=5;
 
			var table=document.createElement('table');
			table.setAttribute('width','20%');
			table.setAttribute('border','1');
			table.setAttribute('align','center');
			table.setAttribute('cellspacing','0');
 
			var tbody=document.createElement('tbody');
 
			var i,tr,td,input;
 
			for(i=0;i<taille;i++){
				tr=document.createElement('tr');
 
				td=document.createElement('td');
				td.setAttribute('align','center');
 
				input=document.createElement('input');
				input.setAttribute('type','hidden');
				input.setAttribute('id','IdToto_'+i);
				input.setAttribute('name','strToto');
				input.setAttribute('value',valeurs[i]);
 
				td.appendChild(input);
				tr.appendChild(td);
				tbody.appendChild(tr);
			}
			table.appendChild(tbody);
 
			var elt=document.getElementById('tableau');
			while(elt.hasChildNodes())elt.removeChild(elt.lastChild);
			elt.appendChild(table);
		}
 
		window.onload=function(){
			createTable();
		}
	//]]>
	</script>
</head>
 
<body>
	<form action="" method="post">
		<div id="tableau">*</div>
	</form>
</body>
 
</html>

**paolo2002** · 14/02/2011, 15h11

Merci pour vos r�ponses,

En effet, il n'est pas n�cessaire de cr�er des lignes

<TR>

.

boucle sur un INPUT en javascript

JavaScript

Vue hybride

Discussions similaires

Partager

Partager