Apparition d'options dans un select en fonction d'un autre select

Par JulienSebag, il y a 10 ans

Javascript

Bonjour à tous,

Je n'arrive pas à trouver comment faire ce que je veux et ça m'énerve un peu parce que c'est tout bête je pense ^^. Je dois construire un module où des options apparaitraient dans un select en fonction de ce que l'utilisateur sélectionne dans un autre select. Voilà le code que j'ai utilisé pour le moment

<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Document sans nom</title> <script src="https://code.jquery.com/jquery-1.12.3.js"></script> </head> <body> <select id="choix"> <option value="0"></option> <option value="1">Mon Option 1</option> <option value="2">Mon Option 2</option> </select> <div id="resultat"></div> <script> $("#choix").change(function() { if ( $("#choix").val() == "1" ){ $("#resultat").text('Voici mon texte 1, youpi !'); } if ( $("#choix").val() == "2" ){ $("#resultat").text('Voici mon texte 2, super !'); } }); </script> </body> </html>

Quand je tente de mettre la div resultat entre deux balises option il n'y a rien qui s'affiche. Quelqu'un aurait une solution ? Merci !

4 réponses

betaWeb, il y a 10 ans

Salut,

"Quand je tente de mettre la div resultat entre deux balises option il n'y a rien qui s'affiche" c'est-à-dire ? Je ne comprends pas bien ton souci ?

JulienSebag, il y a 10 ans

Bah je place la div resultat entre deux balises option, mais cette méthode ne fonctionne pas, le second select est vide

betaWeb, il y a 10 ans

@JulienSebag c'est normal puiqu'à aucun moment tu ne construits de select dans ton code JS.
Je pense que tu devrais suivre le conseil de @anthonydu89 et regarder le tuto que @Grafikart a mis en ligne.