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

mcdelay · 07/06/2011, 15h02

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, 17h33

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, 15h07

Merci !

07/06/2011, 15h02	#1
mcdelay Nouveau Membre du Club Inscription : février 2005 Messages : 164 Détails du profil Informations forums : Inscription : février 2005 Messages : 164 Points : 37 Points : 37	Mise à jour d'une liste de choix 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
	00

16/06/2011, 15h07	#3
mcdelay Nouveau Membre du Club Inscription : février 2005 Messages : 164 Détails du profil Informations forums : Inscription : février 2005 Messages : 164 Points : 37 Points : 37	Merci !
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email