Plusieurs menus liés

Bonjour,

Avant de commencer, je dois préciser que je me suis livré à une brève recherche, mais que, comme j'ai quelques difficultés à trouver les termes adéquats sur ce que cherche, je n'ai rien trouvé de probant.
Aussi, veuillez m'excuser si le sujet a déjà été traité.

Donc, je dois mettre en place en HTML un menu de sélection un peu complexe, et je ne sais pas du tout comment faire.
Je m'explique.

Un premier menu déroulant doit contenir des élements (normal) comme par exemple :

-> Informatique
-> Agriculture
-> Sports

Une fois la première sélection effectuée, un second menu déroulant, présent en dessous, doit contenir des éléments en rapport avec le premier thème choisi, comme par exemple, si Informatique est le premier choix :

-> Programmation
-> Jeux-vidéo
-> GNU/Linux

Ces deux menus déroulant sont de ce type :

Code:

---

1 2 3 4

<select name="name" size="1" class="form_liste" id="id"> <option>Agriculture</option> <option>Informatique</option> </select>

---

Une fois la seconde sélection effectuée, une liste simple doit apparaître, contenant des éléments en rapport avec le second thème choisi.
Si programmation est sélectionné :

-> C
-> Python
-> XHTML
-> Haskell...

Voilà, je ne sais absolument pas comment réaliser ceci.
Une base de données est-elle à votre avis nécessaire ?

Je suis un peu paumé :/
Aussi, merci d'avance de votre aide !

Cordialement,
Nuclear

pas necessairement besoin d'une base de données.

une solution peut être:
tous les menus sont ecris dans la page avec chacun un ID unique.
Seul le 1er est affiché, les autres sont masqués grâce à CSS (display:none).
sur chaque menu, il y a un observateur d'évènement JavaScript "onchange".
lorsque le choix d'un menu change, onchange appelle une fonction qui va masquer tous les menus, et afficher celui qui est demandé... voilà en gros!

sinon, reste la solution AJAX, le 1er menu appelle une fonction qui va chercher le contenu du 2eme etc... seul le 1er menu est présent dans la page au début.

essaye une recherche avec "menus déroulants liés", tu trouvera peut etre un peu de code.

:fleche: Listes déroulantes liées entre elles

Veuillez m'excuser de ne pas avoir vous avoir répondu plus tôt, je dois avouer qu'une fois la solution acquise, j'ai tout simplement zappé de venir vous remercier de vos rapides réponses :)
En effet, j'ai testé la solution en AJAX qui fonctionne parfaitement.

J'ai un autre souci, mais je ne sais pas si je dois créer un nouveau topic ou non, je laisse le soin aux modérateurs de faire le nécessaire...

Donc, je voudrais que lorsque l'on clique sur l'un des éléments d'une liste, une photo et un texte s'affichent.

J'avais à peu près réussi à l'aide de Spry de Dreamweaver, mais il n'est pas possible d'afficher un texte ET une photo en même temps...
La solution était à base d'un fichier XML, bien pratique.
Mais malheureusement, je dois la laisser car trop peu puissante :/
Connaissez-vous d'autres scripts qui puissent faire cela ?

Là encore, j'ai des difficultés à expliquer, parce que je ne connais pas les termes exacts de ce que je recherche...

Cordialement,
Nuclear