Discussion :

[Sebastien31t]

Bonjour à tous,
Je viens vers vous car je rencontre un problème de nommage d'un name lors d'un clone,

je clone un élément avec cloneNode, mais j'aimerai renommer chaque clone pour pouvoir envoyer un formulaire. 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
var i = 0;
 
function duplic()
{
   var clone = document.getElementById("med");
   cloneNode = clone.cloneNode(true);
 
 
   clone.id = clone.id+i;
   clone.name = clone.name+i;
 
   i++;
 
   clone.appendChild(cloneNode);
 
 
   var select = document.getElementById("selectmed");
   select.name = select.name+i;
 
}

pour de id pas de problème

Merci de votre aide

[danielhagnoul]

On peut remplacer une classe CSS par une autre, mais on ne peut pas changer son nom.

Code JavaScript :

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

element.classList.replace("foo", "bar"); // https://developer.mozilla.org/fr/docs/Web/API/Element/classList

.

[Watilin]

Je pense que tu as simplement un problème de nommage des variables. Essaye ceci :

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
var i = 0;
 
function duplic()
{
   var original = document.getElementById("med");
   copie = original.cloneNode(true);
 
 
   copie.id = copie.id+i;
   copie.name = copie.name+i;
 
   i++;
 
   original.appendChild(copie);
 
 
   var select = document.getElementById("selectmed");
   select.name = select.name+i;
 
}

[Sebastien31t]

Bonjour Watilin, Bonjour danielhagnoul,

Avant tout merci de votre aide.

danielhagnoul,
Je viens de tester ta solution mais sans succès (je dois sans doute mal l'utilisé), je te laisse le soin de relire le nouveau code ci-dessous.

Watilin,
Je viens de tester ton code et ça ne change rien, le résultat est toujours le même.

code

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
 
function duplic2()
{
   var original = document.getElementById("med");
   copie = original.cloneNode(true);
 
 
   copie.id = copie.id+i;
   copie.name = copie.name+i;
 
   i++;
 
   original.appendChild(copie);
 
 
   var select = document.getElementById("selectmed");
   select.name = select.name+i;
   select.name = select.className = "selectmed"+i;
   select = select.element.classList.replace("selectmed", "selectmed"+i);
 
}

merci d'avance pour vos retouts
Cordialement.
Sébastien.

[Sebastien31t]

Excusez moi, je débute ce n 'est pas la class que je dois modifier mais le name.

je cloture donc et réouvre un nouveau sujet.