Discussion :

[spykiller]

Bonjour. J'ai un select, jusque là rien de plus normal. Cependant j'aimerais que lorsque l'utilisateur sélectionne une option ds le 1er select, les options du second change. En clair, selon ce qui est sélectionné dans le 1er select, différentes choses s'affichent ds le second. Jespère avoir été clair. Merci de votre aide...

modéré par denisC : changement du titre
modéré par denisC : déplacement depuis le forum HTML

[nicordi]

OK je crois avoir compris ce que tu veux.

Moi j'ai eu le même probleme et je l'ai resolu en utilisant deux technique.

La premiere c'est d'actualiser la page.

La deuxieme c'est de faire une fonction javascript qui recupere la valeur de ton premier SELECT

Code :

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

i=this.nomformulaire.elements['nomselect'].options[this.nomformulaire.elements['nomselect'].selectedIndex].value;

Ensuite comme tu as recupere la valeur du select precedent tu peux donc afficher les valeurs correspondante pour le select suivant.

Moi j'ai utiliser cette technique pour 3 select different et ca marche bien.

Je sais pas si c'est la meilleure methode mais en tout cas elle marche

[spykiller]

pourrais-tu être plus clair stp? le code java a mettre etc et exemple parce que je suis un peu un débutant :S Merci.

[nicordi]

ok

exemple avec le premier select

Code :

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

1
2
3
4
<FORM ACTION=".php" METHOD="POST" ENCTYPE="multipart/form-data" name="ajoutproduit">
	<tr>
		<td><? blueFont("Arial","Sélectionnez la famille<br>"); ?>
			<select name="fami" onChange="famille()">

et la fonction java qui ici s'appelle famille() ou le nom du select est fami et le nom du form est ajoutproduit

Code :

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

1
2
3
4
5
6
function famille ()
{
	i=this.ajoutproduit.elements['fami'].options[this.ajoutproduit.elements['fami'].selectedIndex].value;
 
	self.location.href="ajoutProduit.php?famil="+i; 
}

Ensuite dans ta page $famil correspond a ta valeur selectionnée dans le select.

Voila et tu repete cette action autant de fois que tu as de select

Salut à toi

[spykiller]

j'ai comprit pour le premier select. Pour le 2eme? comment faire pour choisir untel ou untel? Après j'arrete de te déranger

[nicordi]

J'ai pas trop compris ta question.


Sinon pour le deuxieme select tu fait une autre fonction javascript identique mais ou tu recupere la valeur de ton deuxieme select.

Sauf que quand tu actualise la page n'oublie pas de remettre la valeur de ton premier select sinon tu te faios avoir

exemple de fonction pour deuxieme select:

le select ou dans l'appel de la fonction je lui redonne la valeur du premier select

Code :

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

<select name="categ" size="1" onchange="categorie('<? echo $famil ?>')">

et la fonction corresppndante nommee ici categorie

Code :

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

1
2
3
4
5
6
function categorie (f)
{
	i=this.ajoutproduit.elements['categ'].options[this.ajoutproduit.elements['categ'].selectedIndex].value;
 
	self.location.href="ajoutProduit.php?famil="+f+"&categ="+i; 
}

Voila j'espere que tu as compris

Bon je te l'ai dit je sais pas si c'est la meilleure facon mais en tout cas elle fonctionne.

Salut à toi

[spykiller]

je viens de trouver sa:

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
<form name="doublecombo">
<p><select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option>G1script.Com</option>
<option>Crollen.Com</option>
<option>ToutLaPub.Com</option>
</select>
<select name="stage2" size="1">
<option value="http://www.g1script.com">Le Site G1script.Com</option>
<option value="http://www.crollen.com">Le Site Crollen.Com</option>
<option value="http://www.toutlapub.com">Le Site ToutLaPub.com</option>
</select>
<input type="button" name="test" value="Go!"
onClick="go()">
</p>
 
<SCRIPT language="JavaScript" title="G1SCRIPT">
<!--
 
var groups=document.doublecombo.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
 
group[0][0]=new Option("Le Site G1script.Com","http://www.g1script.com")
group[0][1]=new Option("Le Top des Scripts","http://www.g1script.com/home/linksjs/")
group[0][2]=new Option("Le Forum","http://www.g1script.com/home/FORUM")
 
group[1][0]=new Option("Le Site Crollen.Com","http://www.crollen.com")
group[1][1]=new Option("ABout","http://www.crollen.com/about.htm")
 
group[2][0]=new Option("Le Site ToutLaPub.com","http://www.toutlapub.com")
 
var temp=document.doublecombo.stage2
 
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}
 
function go(){
location=temp.options[temp.selectedIndex].value
}
//-->
//Identifiant du script: 7
//Mis en ligne: 26/08/02
//By TANGUY
</SCRIPT>
</form>

Je teste après les cours... A tte.

[denisC]

http://www.developpez.net/forums/viewtopic.php?t=23219

[Oluha]

faut croire que les post-it sont pas assez visibles

[siddh]

des post it ?


on peut pas coder un truc en js qui regarde ce que tapes l'utilisateur et l empeche de valider son post et le redirige vers le topic ou la faq appropriée ?

ok je