Discussion :

[gueguenk]

Bonjour

J'ai fait une treeview sur laquelle j'aimerais récupérer les valeurs renseignées.

Voici une prtie du code de la Treeview

Code html :

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

1
2
3
4
<li class="treeitem" ><a class="treeia" id="1" name="UMFH">Union des Mutuelles</a>
<ul>
      <li class="treeitem" ><a class="treeia" id="29" name="69" >RHONE</a>
<ul>

J'ai un bout de code qui me permet de retourner les valeurs du "a"

Code :

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

1
2
3
$(".tree").on("click", ".treeia", function(e) {
	document.getElementById('codeequip').value = $(".treeia").attr("name");	
});

Malheureusement cela me retourne toujours les valeurs du nœud le plus haut.

Avez vous une idée pour m'aiguiller ?

[SpaceFrog]

Avec un code html correct ( balise ul et li bine balancées ) on arrive à ça :
http://jsfiddle.net/qNUz4/1/

[Bovino]

C'est normal, c'est ce que tu demandes.

$(".treeia") : récupères tous les éléments ayant la classe .treeia.
.attr("name") : s'agissant de l'aspect getter de la méthode, retourne la valeur de l'attribut name du premier élément de la collection.

Lorsque tu es dans le callback d'un événement, il faut utiliser this pour retrouver l'élément ayant déclenché l'événement.

Code :

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

document.getElementById('codeequip').value = $(this).attr("name");

Note.
name n'est pas un attribut autorisé pour des éléments de liste.

[SpaceFrog]

Passe par data ...

Code :

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

 <li class="treeitem"><a class="treeia" id="29" data-name="69">RHONE</a>

=>

[gueguenk]

En effet tu as vu juste Bovino

Merci pour l'aide