Dans ce tutoriel vidéo vous allez découvrir comment lier plusieurs select entre eux. Le principe est relativement simple : 

  1. On sélectionne une première valeur sur un premier <select>.
  2. Un second <select> apparaît avec des "sous options" liées à la première sélection.
  3. Et ainsi de suite...

Vous verrez 2 façon de réaliser un tel système.

  • Une première méthode "javascript only" où l'on va préparer le contenu HTML en amont pour pouvoir afficher/cacher les select suivant les options sélectionnées.
  • Une seconde méthode utilisant l'Ajax, plus flexible, qui vous permettra de lier une infinité (même si en vrai vous n'aurez pas plus de 3 select liés) de select.