Modifier le nom d'une class

Version imprimable

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:

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

05/10/2019, 20h30
danielhagnoul

:salut:

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

Code:

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

.

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

Code:

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;
 
}

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:

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.

07/10/2019, 12h20
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.