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

Discussions similaires

Partager

Partager