Récupération LI dans un UL [Javascript]

Fermé

Cancan56 Messages postés 190 Date d'inscription dimanche 7 mars 2010 Statut Membre Dernière intervention 19 août 2014 - 19 août 2014 à 10:47
Cancan56 Messages postés 190 Date d'inscription dimanche 7 mars 2010 Statut Membre Dernière intervention 19 août 2014 - 19 août 2014 à 11:21

Bonjour,

Je cherche a effectuer un simple alert quand je clique sur un élément li d'un UL.

Et que quand je clique sur le li, il me renvoie le texte a l'ntérieur.

Merci et bonne journée

A voir également:

Javascript ul li
Telecharger javascript - Télécharger - Langages
Li-ion vs li-po smartphone - Forum Mobile
La la li la la la 90's song ✓ - Forum Musique / Radio / Clip
Javascript echo ✓ - Forum PHP
Afficher un tableau javascript en html ✓ - Forum Javascript

2 réponses

Réponse 1 / 2

Reivax962 Messages postés 3672 Date d'inscription jeudi 16 juin 2005 Statut Membre Dernière intervention 11 février 2021 1 011
19 août 2014 à 11:18

Bonjour,

Essaie comme ceci, en version ultra-simplifiée :

<ul>
    <li onclick='alert(this.innerHTML);'>Point 1</li>
    <li onclick='alert(this.innerHTML);'>Point 2</li>
    <li onclick='alert(this.innerHTML);'>Point 3</li>
</ul>

Ensuite, tu peux définir une fonction qui prend comme paramètre l'objet cliqué, cela permettra de faire des choses plus complexes si nécessaire :

<script>
    function liClicked(li)
    {
        alert (li.innerHTML);
    }
</script>
<ul>
    <li onclick='liClicked(this);'>Point 1</li>
    <li onclick='liClicked(this);'>Point 2</li>
    <li onclick='liClicked(this);'>Point 3</li>
</ul>

Xavier

Réponse 2 / 2

Cancan56 Messages postés 190 Date d'inscription dimanche 7 mars 2010 Statut Membre Dernière intervention 19 août 2014 1
19 août 2014 à 11:21

Merci de ta réponse.

Mais je en sais pas combien de LI j'aurai au final, pas moyen de mettre le onClick ailleurs ? Genre sur le UL ?

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule

java script error in the main process

Chanson la li la li la la la?

titre techno house annees 90

javascript:void(0);