select liés entre eux

Version imprimable

17/11/2005, 12h00
spykiller

select liés entre eux

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
17/11/2005, 12h12
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:

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
17/11/2005, 12h21
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.

ok

exemple avec le premier select
Code:

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:

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

17/11/2005, 12h34
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 ;)

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:

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

et la fonction corresppndante nommee ici categorie
Code:

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

je viens de trouver sa:

Code:

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.

17/11/2005, 13h51
denisC

http://www.developpez.net/forums/viewtopic.php?t=23219
17/11/2005, 14h06
Oluha

faut croire que les post-it sont pas assez visibles :roll:
17/11/2005, 14h25
siddh

des post it ?
8O

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 :arrow: