Manipuler plusieurs champs en même temps selon une condition

Bonjour.

Ci-dessous mon code HTML:

Code:

---

1 2 3 4 5 6 7 8 9 10

<tr> <td>Nom1</td> <td>Prenom1</td> <td id="54789">pseudo1</td> </tr> <tr> <td>Nom2</td> <td>Prenom1</td> <td id="65412">pseudo2</td> </tr>

---

Les deux ont le même prénom.

Plus loin, un bouton qui permet de modifier le champ du pseudo.
Ce bouton appelle une fonction JavaScript qui contient:

Code:

---

document.getElementById("id du champ pseudo").innerText = "nouveau";

---

Mais que mettre dans "id du champ pseudo"?
Je souhaite que la fonction JavaScript modifie tous les champs 'pseudo' qui ont le même prénom.

Comment faire?

Merci.

Yop!

Dans la mesure où tu comptes modifier plusieurs cellules (c'est un tableau, pas un formulaire donc on parle de cellules ), tu devras passer par un array.

Une solution parmi d'autres serait de donner une classe aux td qui sont susceptibles de contenir les données que tu veux modifier:

Code:

---

<td class='prenom'>Prenom1</td>

---

et de les récupérer dans un array via document.getElementByClassName("prenom"), une petite boucle for, un test sur le prénom que tu veux remplacer, et voilà.

Bonjour,

Citation:

---

...via document.getElementByClassName("prenom")...

---

autant utiliser querySelectorAll.

A propos de tes id, un id ne devrait pas être composé uniquement ou commencer par un nombre.

Techniquement, HTML5 l'autorise, mais ça pose quand même des problèmes au niveau CSS notamment.

Citation:

---

Envoyé par ryan

via document.getElementByClassName("prenom")

---

Personnellement, je préfère utiliser des méthodes qui existent, par exemple getElementsByClassName(). ;)

attention à la terminologie .. un td n'est pas à proprement parler un "champs"...
On parle plutôt de champs pour un input coté html

Sinon jQuery peut te simplifier la tache avec une puissance de sélecteurs qui te permettra de cibler aisément les éléments voulus...