Aller au contenu

Lier 2 listes deroulante


Sujets conseillés

Posté

Bonsoir,

j'ai deux table.

une pour les pays et l'autre pour les villes.

j'aimerais bien avoir le code qui me permettra de lier deux liste deroulantes d'une facon que l'orsqu'on choisi un pays de la premiere liste, la deuxieme liste se charge automatiquement de tout les villes du pays selctioné

Merci.

Posté

Juste du CSS et des listes imbriquées, ça devrait le faire... seulement sur Gecko.

Du JavaScript oui, mais il faut alors que ça reste accessible sans.

Posté

Salut,

Proposition pour l'accessibilité :

1) Au chargement, la liste des pays contient tous les pays et la liste des villes toutes les villes de tous les pays

2) Lors du chargement, tu mets dans des tableaux javascript les associations villes/pays pour pouvoir gérer la modification du menu ville à la volée

Proposition 2 :

1) Tu ne remplis que le menu pays au départ, et tu affiches un bouton submit

2) Tu caches ce bouton submit au démarrage via javascript, et tu ajoutes une fonction onchange sur le menu pays. Comme ça, si le javascript est désactivé, ça passe quand même.

La fonction onchange provoque un rechargement de la page, avec un paramètre hidden en post.

Je pense que cette solution est préférable, SI tu dois avoir la liste de TOUTES les villes de chaque pays.

Posté

Lupicide -> j'ai mais je n'ai encore rien trouve

MarvinLeRouge -> ta deuxieme proposition est plus pratique

reste le code a trouve ... ;)

Posté

je ne crois pas que je trouverais quelque chose sur le javascript/php sur ce site.

il est bon fait pour maitraiser le CSS.

et j'avoue egalemant qu'il est tres bien fait ;)

merci lupicid.

Posté

Merci claire.

c'est un bon exemple.

il manque seulement : comment alimenter les listes a partir d'1 BDD ?

Posté

Salut,

Pour alimenter depuis une bdd, c'est assez simple :

1) tu récupères les éléments de ta bdd (intitulé, id)

2) tu crées une chaîne de caractères correspondant à ta liste déroulante en mettant pour chaque item l'id en value et le libellé dans le option

3) tu fais un magnifique echo

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...