2 listes dependantes

**lince102** · 29/05/2008, 09h40

Bonjour à tous.

Je voudrais faire 2 listes déroulantes.La deuxieme dependant de la premiere.
Je m'explique J'ai une table qui s'appelle Article qui a 4 attributs :
num_article/article/section/designation.La section représente le type de l'article donc plusieurs articles ont la meme section.

Dans la premiere liste j'affiche toutes les sections existantes en evitant les doublons avec (array_unique) et j'aimerais qu'en cliquant sur une des sections dans ma premiere liste, la deuxieme liste soit remplie des désignations correspondantes.

Par exemple si j'ai 3 articles :
1/ZEDIT/CONTINU/edit12
2/ZEDIT2/CONTINU/edit16
3/ZAFFRANCHISSEMENT1/AFFRANCHISSEMENTS/edit32

Dans ma premiere liste j'obtient CONTINU et AFFRANCHISSEMENTS et j'aimerais que lors d'un clic sur CONTINU apparaisse dans la deuxieme liste edit12 et edit 16

Pour le moment j'arive à recuperer le num_aricle mais je bloque pour la suite

Voici mon code :

Code :

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

1
2
3
4
5
6
7
8
 
<select id="code_article" onchange="javascript:return Designation(this.value)";>
			{html_options options=$SECTION selected=$Article.ref_article }
		</select>
 
		<select id="designation">
			{html_options options=$DESIGNATION}
		</select>

Code :

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

1
2
3
4
5
6
7
8
 
<script type="text/javascript">
	// <![CDATA[ {literal}
		function Designation(section) {
			alert('le champ a pour valeur : "'+section+"'") 
		}{/literal}
	// ]]>
</script>

**E.Bzz** · 29/05/2008, 09h43

Bonjour,
c'est ce dont il s'agit là, on dirait

A+

**azorol** · 29/05/2008, 09h58

bonjour,

C'est ça que tu veut faire ?

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT language=javascript>
var option_array = new Array();
 
option_array[0] = new Array("<== Sélectionner un partenaire"); 
 
option_array[1] = new Array("-- Opérateur --",
"1",
"2",
"3",
"4",
"5",
"6",
"7",
"8"
); 
 
option_array[2] = new Array("-- Opérateur --",
"9",
"10"
);
 
option_array[3] = new Array("-- Opérateur --",
"11",
"12"
);
 
option_array[4] = new Array("-- Opérateur --",
"13",
"14",
"15",
"16",
"17",
"18",
"19"
);
 
option_array[5] = new Array("-- Opérateur --",
"20",
"21",
"22",
"23",
"24",
"25"
);
 
function switch_select()
 
{
for (loop = window.document.mon_formulaire.operateur.options.length-1; loop > 0; loop--)
{
window.document.mon_formulaire.operateur.options[loop] = null;
}
 
for (loop = 0; loop < option_array[window.document.mon_formulaire.partenaire.selectedIndex].length; loop++)
{
window.document.mon_formulaire.operateur.options[loop] = new Option(option_array[window.document.mon_formulaire.partenaire.selectedIndex][loop]);
}
 
window.document.mon_formulaire.operateur.selectedIndex = 0;
}
 
function set_orig()
 
{
window.document.mon_formulaire.partenaire.selectedIndex = 0;
window.document.mon_formulaire.operateur.selectedIndex = 0;
}
 
window.onload=set_orig
</SCRIPT>
 
</head>
 
<body>
<form action="" method="get" name="mon_formulaire">
<select name="partenaire" onChange="switch_select();">
       	<option>--Choix--</option>
        <option>je</option>
        <option>tu</option>
        <option>il</option>
        <option>nous</option>
        <option>vous</option>
</select>
 
<select name="operateur">
		<option></option>
</select></form>
 
</body>
</html>

Enjoy !

PS: google est ton meilleur ami

**lince102** · 29/05/2008, 10h23

C'est galere quand meme.Mais je vais essayer de me debrouiller avec ca!

**lince102** · 29/05/2008, 10h27

Tu as trouvé ca ou.Le plus compliqué pour moi est que je developpe avec un framework qui s'appelle cake php et c'est pas évident

**SpaceFrog** · 29/05/2008, 10h59

lince... on t'a donné le code des listes liées fourni par developpez ...
pourquoi aller se compliquer à aller chercher ailleurs ???
et peu importe le framework ...
et php n'intervient pas sauf si tu fais une requete entretemps avec ajax ...

2 listes dependantes

JavaScript

Discussions similaires

Partager

Partager