Mise à jour d'une liste de choix

**mcdelay** · 07/06/2011, 16h02

Bonjour,

J'ai deux listes de choix dans mon formulaire que je souhaiterais lier. Le contenu de ces listes font appel aux données de la même table avec les mêmes valeurs pour le renvoie du GET mais avec des libellés différents (j'utilise deux colonnes différentes de la table pour les libellées des 2 listes) . Quand je sélectionne un élément d'une liste je souhaite que l'autre se mette à jour automatiquement et vis vers ça.

Je pense mettre un évènement associé à une fonction (?) sur mes listes qui permettrait de mettre à jour l'élément d'une des 2 listes suivant l'élement sélectionné de l'autre liste.

Dois-je appeler une fonction javascript ou utiliser ajax, car je ne souhaite pas un rafraichissement de ma page (je ne pense pas qu'il soit en fait nécessaire de faire un appel au serveur pour retourner la bonne information étant donné que la valeur des GET est equivalente dans les 2 listes).

Merci

Stéphane

**vorace** · 07/06/2011, 18h33

une solution possible :

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
32
33
34
<html>
<head>
<script type="text/javascript">
function maj(nom){
	if (nom == "liste1"){
		document.getElementById('liste2').selectedIndex = document.getElementById('liste1').selectedIndex;
	}else{
		document.getElementById('liste1').selectedIndex = document.getElementById('liste2').selectedIndex;
	}
}
</script>
</head>
<body>
<form action="#" method="post" >
 <table><tr>
<td><select id="liste1" name="liste1" onchange="maj(this.name);">
	<option value="1">choix 1.1</option>
	<option value="2">choix 1.2</option>
	<option value="3">choix 1.3</option>
	<option value="4">choix 1.4</option>
	<option value="5">choix 1.5</option>
</select>
</td><td>
<select id="liste2" name="liste2" onchange="maj(this.name);">
	<option value="1">choix 2.1</option>
	<option value="2">choix 2.2</option>
	<option value="3">choix 2.3</option>
	<option value="4">choix 2.4</option>
	<option value="5">choix 2.5</option>
</select></td>
</tr></table>
</form>
</body>
</html>

**mcdelay** · 16/06/2011, 16h07

Merci !

Mise à jour d'une liste de choix [PHP 5.1]

Langage PHP

Discussions similaires

Partager

Partager