menu déroulant dynamique

**lumycaan** · 28/03/2009, 20h24

Bonsoir,

j'ai réalisé un script afin de réaliser un système de choix entre 3 menus déroulants et je n'arrive pas à obtenir le résultat escompté

. Je m'explique:
J'ai 3 menus déroulants dons les valeurs vont de 1 à x (dans mon exemple 1 à 3) Au départ, la sélection est la suivante:
1
2
3
Je souhaite pouvoir changé le 1 en 2 et qu'en même temps, le 2 devienne 1

. Mais je n'y arrive pas

Si quelqu'un pouvait m'aider, ce serait super.
Merci par avance.
Je vous joins mon bout de code ci dessous:

Code html :

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
 
<body>
 <form name="choix">
<select name="place" onchange="rang()"size=1>
<option value="1" selected="selected">1</option>
<option value="2">2</option>
<option value="3">3</option>
      </select>
  </form> 
    <form name="choix2">
<select name="place" onchange="rang()"size=1>
<option value="1">1</option>
<option value="2" selected="selected">2</option>
<option value="3">3</option>
      </select>
  </form>     
 <form name="choix3">
<select name="place" onchange="rang()"size=1>
<option value="1">1</option>
<option value="2">2</option>
<option value="3" selected="selected">3</option>
      </select>
</form>       
</body>

**lumycaan** · 29/03/2009, 13h37

Voici le script que l'on m'a transmis sur un autre fofo. J'en profite pour vous en faire part.

<body>
<form name="choix">
<select name="place" onchange="rang(0)"size=1>
<option value="1" selected="selected">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</form>
<form name="choix2">
<select name="place" onchange="rang(1)"size=1>
<option value="1">1</option>
<option value="2" selected="selected">2</option>
<option value="3">3</option>
</select>
</form>
<form name="choix3">
<select name="place" onchange="rang(2)"size=1>
<option value="1">1</option>
<option value="2">2</option>
<option value="3" selected="selected">3</option>
</select>
</form>
<script type="text/javascript">
var sel; // Variable pour récupérer tous les <select>
var valeurs = []; // Tableau pour garder en mémoire les valeurs
function rang(nb) { // En paramètre l'indice du <select>
var val = sel[nb].value; // On garde dans "val" la valeur du <select> modifié
for(var i=0,l=sel.length;i<l;i++) { // On parcourt la totalité des <select>
if((i!=nb) && (sel[i].value == val)) { // Si ce n'est pas le <select> modifié et que la valeur correspond
sel[i].value = valeurs[nb]; // On lui applique l'ancienne valeur de <select> modifié
valeurs[i] = valeurs[nb]; // Et on enregistre le changement dans le tableau des valeurs
}
}
valeurs[nb] = val; // On enregistre également le changement du <select> modifié
}
window.onload=function() { // Au chargement (initialisation)
sel = document.getElementsByTagName("select"); // On récupère tous les éléments <select> dans "sel"
for(var i=0,l=sel.length;i<l;i++) { // On parcourt tout
valeurs.push(sel[i].value); // Et on sauvegarde les valeurs dans le tableau "valeurs".
}
}
</script>
</body>

menu déroulant dynamique

JavaScript

Discussions similaires

Partager

Partager