Liste déroulante Résolu/Fermé

Question

Bonjour,
j'ai peu de connaissances en ce qui concerne les pages Web, je sollicite votre aide pour un truc qui me semble assez compliqué à réaliser.

J'aimerai créer une liste déroulante où l'utilisateur peut choisir une ville, et ensuite consulter sur la même page Web des informations relatives à cette ville (département, région etc.), informations elles-mêmes rangées dans un tableau.

L'idéal serait donc d'avoir, sur la page web :

-un tableau (à peu près 30 lignes par 5 colonnes) avec une ville par ligne
-ce tableau serait à gauche de la page
-à droite de la page, on aurait la fameuse liste déroulante, avec les villes du tableau
-sous cette liste, un tableau d'une ligne et 5 colonnes contenant le récapitulatif des informations relatives à la ville choisie

Voilà, j'espère que vous pourrez m'aider !

avion-f16 · Answer

Il faudra que tu utilises du Javascript et AJAX.
https://openclassrooms.com/fr/courses/918836-concevez-votre-site-web-avec-php-et-mysql/913099-transmettez-des-donnees-avec-les-formulaires#ss_part_2
http://www.siteduzero.com/tutoriel-3-4745-ajax-et-l-echange-de-donnees-en-javascript.html

Foreverson · Answer

Merci pour les liens, j'ai fait une esquisse de ce que je voudrais réaliser, si quelqu'un veut bien m'aider à poursuivre, merci d'avance.

http://taragnina.free.fr/exemple.html

Comment faire en sorte que les informations soient prises en compte dans mon tableau de droite ?

Merci de votre aide.

avion-f16 · Answer

Tu peux déjà écrire les 3 tableaux en HTML, puis tous les masquer en CSS.
Ensuite, lors du onchange sur la liste déroulante, tu affiches le tableau associer.
Je t'ai fais un exemple ici.

Foreverson · Answer

Merci pour ton code !

Je vais essayer de le comprendre, et si j'ai des soucis, je reviendrai poster ici.

Grand merci pour le temps que tu as consacré à ce travail !

Liste déroulante

4 réponses

Discussions similaires