Discussion :

[kaiser59]

Slt,

Voila j'ai deux liste déroulante dans un formulaire par exemple :
liste 1 contient :
1-Toto
2-Louloutte
3-Toto, Louloutte
4-Tata

Liste 2 contient :
1-Bonjour,
2-Au revoir,
3-C'est pas moi

Je voudrais que si l'on chosit 1 ou 3 de la liste 1, alors il est impératif de choisir dans la liste 2 sinon on le formulaire ne peut pas etre valider !

Merci d'avance

[SpaceFrog]

selectedIndex ...

[kaiser59]

Slt,

Excuse mais Je suis pas un killer en javascript mdr tu peux me mettre le bout de code s'il te plait merci

[SpaceFrog]

commence par faire un test simple ...

Code :

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

alert(obj.selectedItem.value)

avec obj étant ton select ...

[kaiser59]

Salut,

Pourrais-tu préciser le code complet stp parce que moi et javascript c'est deux


Merci d'avance

[kaiser59]

Salut,


Voilà je voudrais apporter une précision à ce que je demande :
La liste 1 reste comme elle est. Cependant, il y a toujours la liste 2 mais aussi la liste 3 et liste 4 avec le meme contenu que la liste 2.

Et en fait, si l'on choisi dans la liste 1 le contenu 1 à 3 alors on n'est obligé de choisir 1 valeur dans les listes 2 et 3 sinon libre choix si on a choisi 4 dans la liste 1.

Si aucune valeur n'a été choisi dans ces liste, le formulaire ne peut etre validé

Merci d'avance et Joyeux noël même si c'est un peu en avance

PS : Ou alors si sa peut faciliter, selon le contenu choisi dans la liste 1 (entre 1 et 3), les liste 2 et 3 apparaissent sinon rien

[kaiser59]

Slt,

Voila afin d'éviter aux autres de galerer si jamais ils sont dans le meme cas, j'voulais dire que j'ai trouvé ce que je voulais en voici le code (ce n'est qu'une partie) :

Script :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<script language="javascript" type="text/javascript">
<!--
function verif()
{
if (document.getElementById('liste1').selectedIndex<1)
	{alert ('Vous devez choisir une catégorie !!!');}
else 
   { if (((document.getElementById('liste1').selectedIndex==1)||(document.getElementById('liste1').selectedIndex==2))&&((document.getElementById('liste2').selectedIndex!=1)||(document.getElementById('liste3').selectedIndex!=1)))
	 {alert ('Vous devez choisir une taille en shorte et/ou une taille en maillot pour valider le formulaire');}
   }
}
//-->
</script>

Formulaire :

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
<form action="" method="post" name="toto">
<select id="liste1">
	<option value=0><-- Choisir --></option>
	<option value=1>Compete</option>
	<option value=2>Indiv</option>
	<option value=3>Loisir</option>
</select>
<br>
<select id="liste2">
	<option value=0><-- Chosir --></option>
	<option value=1>M</option>
	<option value=2>XL</option>
</select>
<br>
<select id="liste3">
	<option value=0><-- Chosir --></option>
	<option value=1>M</option>
	<option value=2>XL</option>
</select>
<br>
<select id="liste4">
	<option value=0><-- Chosir --></option>
	<option value=1>M</option>
	<option value=2>XL</option>
</select>
<br>
<input type="submit" value="ok" onclick="verif()">
</form>

Cela fonctionne pour IE6 (certain le 7 je sais pas) et FireFox

[bodysplash007]

Comment integrer du javascript dans du php ?

[SpaceFrog]

en le faisant ecrire par php ... echo ...

[bodysplash007]

j'ai mis tout le code javascript dans des echo mais ca marche toujours pas

[kaiser59]

Slt,

Petite modification car légère erreur :

mettre <1 dans liste 2 et liste 3
ce qui donne :

Code :

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

1
2
3
 
if (((document.getElementById('liste1').selectedIndex==1)||(document.getElementById('liste1').selectedIndex==2))&&((document.getElementById('liste2').selectedIndex<1)||(document.getElementById('liste3').selectedIndex<1)))
	 {alert ('Vous devez choisir une taille en shorte et/ou une taille en maillot pour valider le formulaire');}

au lieu de :

Code :

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

1
2
if (((document.getElementById('liste1').selectedIndex==1)||(document.getElementById('liste1').selectedIndex==2))&&((document.getElementById('liste2').selectedIndex!=1)||(document.getElementById('liste3').selectedIndex!=1)))
	 {alert ('Vous devez choisir une taille en shorte et/ou une taille en maillot pour valider le formulaire');}

bodysplash007 regarde bien ton code parfois des erreurs d'apostrophe en sont la cause

j'ai mis le fichier en pièce jointe et je l'ai testé avec IE6 et Firefox fonctionne nikel sinon je l'aurais pas mis

++