Imposer le choix d'un select

Version imprimable

04/12/2006, 01h09
kaiser59

Imposer le choix d'un select

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
04/12/2006, 11h44
SpaceFrog

selectedIndex ...
04/12/2006, 16h16
kaiser59

Slt,

Excuse mais Je suis pas un killer en javascript mdr :aie: tu peux me mettre le bout de code s'il te plait merci ;)
04/12/2006, 16h24
SpaceFrog

commence par faire un test simple ...

Code:

alert(obj.selectedItem.value)

avec obj étant ton select ...
18/12/2006, 14h43
kaiser59

Salut,

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

Merci d'avance ;)
23/12/2006, 16h02
kaiser59

Réctification

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

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

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:

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:

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 ;)

20/02/2007, 15h05
bodysplash007

Javascript dans php URGENT

Comment integrer du javascript dans du php ?:marteau:
20/02/2007, 15h07
SpaceFrog

en le faisant ecrire par php ... echo ...
20/02/2007, 15h41
bodysplash007

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

1 pièce(s) jointe(s)

Slt,

Petite modification car légère erreur :

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

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:

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

++