Deux menu déroulants sur un même formulaire

**ca_mido** · 17/08/2007, 21h24

les amis je veux faire deux listes dynamique sur un meme formulaire de telle façon si on choisit une chose de le premiere la deuxième se change automatiquement.

pour bien explique j'ai un formulaire d'inscription d'un nouveau membre , l'internant doit remplir un certains nombre des casse et des champs texte (nom prenom ,mot pass) et il ya deux liste la premiere liste des pays et la deuxieme liste des ville relative au pays selectionne
mon probleme c'est comment faire changer la deuxieme liste des ville automatiquement avec chaque chongement de la liste des pays avant de valider la formulaire

**iluv** · 19/08/2007, 03h21

Envoyé par ca_mido

mon probleme c'est comment faire changer la deuxieme liste des ville automatiquement avec chaque chongement de la liste des pays avant de valider la formulaire

Salut,

A priori ce que je ferais c'est un tableau associatif (ou pas, avec des chiffres ça marcherait aussi bien), qui associe pays et tableau de villes.
Ensuite je mettrai un onclick sur chaque élement de la liste déroulante qui ferait écrire ce qu'il y a dans le tableau qui correspond au pays de l'option dans l'autre liste déroulante.

Après un petit essai rapide ça m'a l'air de marcher pas trop mal :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<html>
  <head>
  </head>
<body>
  <select id="pays">
    <option onclick="make_cities('france')" value="france">France</option>
    <option onclick="make_cities('usa')" value="usa">USA</option>
  </select>
 
  <select id="villes">
    <option value="null">Choississez d'abord un pays</option>
  </select>
 
  <script type='text/javascript' src='test.js'></script>
 
</body>
</html>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
var pays = new Array;
 
var villes_france = new Array ('Paris', 
                               'Marseille', 
                               'Lyon', 
                               'Brest');
var villes_usa = new Array   ('New York',
                              'San Fransisco',
                              'Boston',
                              'Las Vegas');
 
pays['france'] = new Array;
for (var i = 0; i < villes_france.length; ++i)
  pays['france'][i] = villes_france[i];
 
 
pays['usa'] = new Array;
for (var i = 0; i < villes_usa.length; ++i)
  pays['usa'][i] = villes_usa[i];
 
function make_cities(country)
{
  var v = document.getElementById('villes');
  var txt = '';
  for(var i = 0; i < pays[country].length; ++i)
  {
    txt = txt + '<option value="' + pays[country][i] + '">' + pays[country][i] + '</option>';
  }
  v.innerHTML = txt;
}

Il y a sans aucun doute moyen de faire plus beau, mais l'idée (celle qui me vient à l'esprit en tout cas) est là.

Bonne chance, et n'hésite pas à poser une question si tu ne comprends pas

**SpaceFrog** · 19/08/2007, 12h09

il y a un post-it sur cette page ...listes liées entre elles ...

Deux menu déroulants sur un même formulaire

JavaScript

Discussions similaires

Partager

Partager