Site des exemples HTML, CSS, Javascript et PHP

Une liste simple et une liste déroulante

Ces deux listes sont définies trés simplement dans le HTML. Elles sont peuplées en JS grâce à la fonction Init() exécutée lors du ONLOAD placé sur BODY.
La fonction SelectOption1() récupére l'item sélectionné lors du click.

Vous avez choisi : /

Une liste avec zone de saisie

Au dessus de cette liste se trouve un champ de saisie permettant d'ajouter de nouveaux items à la liste. 4 boutons proposent des actions sur cette liste; actions gérées par la fonction ActionListe()

Ajouter l'option

Supprimer l'option sélectionnée

Remonter l'option dans la liste

Descendre l'option dans la liste

Synchronisation de listes via AJAX

Ici nous avons deux listes et le contenu de la deuxième dépend du choix fait dans la première.
Les données sont ici récupérées par une requête AJAX. A l'initialisation une première requête permet de peupler la première liste.
Le script PHP répond à 2 actions : REG pour renvoyer la liste des régions et APP pour renvoyer les appellations d'une région dont l'index numérique est passé en paramètre.