Discussion :

[lamb87]

Bonjour,

J'ai un tableau php/html qui est généré par du javascript à l'aide d'un OnClick(). Jusqu'ici tout va bien çà fonctionne parfaitement

Par contre, lorsque je génère mon select pour ma liste déroulante, le name ne change pas ... Je ne sais pas du tout comment faire car je suis débutant en js je pense bien qu'il faut incrémenter un nombre qui serait dans le name mais comme je vous l'ai dis je sais pas du tout faire en js ...

Si quelqu'un peut m'aider je le remercie d'avance

Voici mon code js:

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
function insRow()
{
	var x=document.getElementById('myTable').insertRow(0);
	var a=x.insertCell(0);
	var b=x.insertCell(1);
	var c=x.insertCell(2);
	var d=x.insertCell(3);
	var e=x.insertCell(4);
	var f=x.insertCell(5);
	var g=x.insertCell(6);
	a.innerHTML="Type : ";
	b.innerHTML="<select id='type' name='type' style='top:0;left:0;width:150px;'>" +
			"		<option value='&nbsp;'>-selectionnez-</option>" +
			"		<option value='carton'>carton</option>" +
			"	 </select>";
	c.innerHTML="Entre les pages ";
	d.innerHTML="<input type='text' value='1' name='firstInter' size='1' maxlength='3'/>";
	e.innerHTML=" et ";
	f.innerHTML='<input type="text" value="1" name="finalInter" size="1" maxlength="3"/>';
	g.innerHTML='<a href="#" onclick="suppLigne(this.parentNode.parentNode)"> Supprimer </a>';
}
 
function suppLigne( ligne)
{
	ligne.parentNode.removeChild( ligne);
}

[RomainVALERI]

Si tu parles d'incrémenter, je suppose que cette fonction insRow est appelée plusieurs fois consécutives, et que tu veux avoir dans chaque ligne un select avec un name unique ^^

Au moment ou tu appelles ta fonction insRow, passe-lui une variable que tu incrémentes après. Pour ça, il faudrait voir où (et comment) est appelée ta fonction insRow, mais en tout cas ça donnerait :

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
function insRow(num)
{
	var x=document.getElementById('myTable').insertRow(0);
	var a=x.insertCell(0);
	var b=x.insertCell(1);
	var c=x.insertCell(2);
	var d=x.insertCell(3);
	var e=x.insertCell(4);
	var f=x.insertCell(5);
	var g=x.insertCell(6);
	a.innerHTML="Type : ";
	b.innerHTML="<select id='type' name='type'" + num + " style='top:0;left:0;width:150px;'>" +
			"		<option value='&nbsp;'>-selectionnez-</option>" +
			"		<option value='carton'>carton</option>" +
			"	 </select>";
	c.innerHTML="Entre les pages ";
	d.innerHTML="<input type='text' value='1' name='firstInter' size='1' maxlength='3'/>";
	e.innerHTML=" et ";
	f.innerHTML='<input type="text" value="1" name="finalInter" size="1" maxlength="3"/>';
	g.innerHTML='<a href="#" onclick="suppLigne(this.parentNode.parentNode)"> Supprimer </a>';
}
 
function suppLigne( ligne)
{
	ligne.parentNode.removeChild( ligne);
}

Et par exemple à l'appel (qui doit être dans une boucle while ou for je suppose) :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
for (var i = 0; i < max; ++i) {
   // ...
   insRow(i);
   // ...
}

Dernière remarque : l'id doit être unique sur une page, donc puisque tu as un compteur, profites-en pour l'appliquer à l'id aussi, histoire de le rendre unique lui aussi ^^ (même modus operandi)

[andry.aime]

Bonjour,

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
var i = 0;
function insRow()
{
	var x=document.getElementById('myTable').insertRow(0);
	var a=x.insertCell(0);
	var b=x.insertCell(1);
	var c=x.insertCell(2);
	var d=x.insertCell(3);
	var e=x.insertCell(4);
	var f=x.insertCell(5);
	var g=x.insertCell(6);
	a.innerHTML="Type : ";
	b.innerHTML="<select id='type"+i+"' name='type"+i+"' style='top:0;left:0;width:150px;'>" +
			"		<option value='&nbsp;'>-selectionnez-</option>" +
			"		<option value='carton'>carton</option>" +
			"	 </select>";
	c.innerHTML="Entre les pages ";
	d.innerHTML="<input type='text' value='1' name='firstInter' size='1' maxlength='3'/>";
	e.innerHTML=" et ";
	f.innerHTML='<input type="text" value="1" name="finalInter" size="1" maxlength="3"/>';
	g.innerHTML='<a href="#" onclick="suppLigne(this.parentNode.parentNode)"> Supprimer </a>';
i++;
}

L'id doit être unique dans un document.

A+.

[andry.aime]

b.innerHTML="<select id='type' name='type'" + num + " style='top:0;left:0;width:150px;'>"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

b.innerHTML="<select id='type" + num + "' name='type" + num + "'style='top:0;left:0;width:150px;'>"

A+.

[lamb87]

Merci c'est exactement ce que je cherchais

Mais dans ta solution Romain VALERI, elle se fait quand l'incrémentation de num ?

[Torgar]

Par la boucle for(var i = 0; i < max; ++i), c'est à cet endroit (++i) que ce fait l'incrémentation.
A chaque passage de la boucle, ta fonction sera exécutée avec la valeur de i qui augmentera tant qu'elle ne sera pas égale à la valeur de la variable max.

Cette variable max doit être définie au préalable avec le nombre d'itération que tu souhaites.

Par exemple : var max = 10;

[lamb87]

Merci Torgar tu viens d'éclairer mon chemin

Je vais faire avec le for parce qu'avant je faisais apparaitre les lignes de tableau avec un OnClick mais bon çà me complique la vie et je commence à saturer sur le problème

Mais bon je dois juste revoir ma façon de procéder. Quoi qu'il en soit merci a tous pour votre aide

--> Résolu