Discussion :

[leclone]

bonjour a tous,

j'ai un menu deroulant avec 6 possibilités (CDI, CDD, INTERIM, STAGE, PROFESSIONNALISATION, APPRENTISSAGE)

quand je choisi les deux premiers, j'arrive a afficher les modalités mais quand je choisi les 4 derniers j'aimerais afficher un champs text (genre --> Durée du contrat : _________)

je n'arrive pas a afficher ce champs text, voici le code du menu déroulant :

dans le head :

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
<script type='text/javascript'>
function showChoice(lechoix){
var affiche ="";
switch(lechoix){
					case ('a') : affiche="123";
					           break;
					case ('b') : affiche="24";
					           break;
					case ('c') : affiche="";
					           break;
					case ('d') : affiche="";
					           break;
					case ('e') : affiche="";
					           break;
					case ('f') : affiche="";
					           break;
					}           
 
var listesouschoix=document.getElementsByName('souschoix');
for(i=0;i<listesouschoix.length;i++){
       var here =(affiche.indexOf(i)>-1)?'':'none';
		listesouschoix[i].style.display= here;
		document.getElementById("label"+(i*1+1)).style.display=here;
		}
		}           
 
</script>

dans le body :

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
<?php
echo "
<select name='choix' id='choix' onchange='showChoice(this.value)'>
<option selected>-----------Sélectionnez-----------</option>
<option value='a'>CDI</option>
<option value='b'>CDD</option>
<option value='c'>INTERIM</option>
<option value='d'>STAGE</option>
<option value='e'>PROFESSIONNALISATION</option>
<option value='f'>APPRENTISSAGE</option>
</select><br>
<input type='radio' name='souschoix' id='souschoix1' style='display:none;' value='machin chose 1' /><label for='souschoix1' 

id='label1' style='display:none;' >sous choix 1</label>
<input type='radio' name='souschoix' id='souschoix2' style='display:none;' value='machin chose 2' /><label for='souschoix2' 

id='label2' style='display:none;' >Remplacement</label>
<input type='radio' name='souschoix' id='souschoix3' style='display:none;' value='machin chose 3' /><label for='souschoix3' 

id='label3' style='display:none;' >Création</label>
<input type='radio' name='souschoix' id='souschoix4' style='display:none;' value='machin chose 4' /><label for='souschoix4' 

id='label4' style='display:none;' >Transformation d'un CDD</label>
<input type='radio' name='souschoix' id='souschoix5' style='display:none;' value='machin chose 5' /><label for='souschoix5' 

id='label5' style='display:none;' >Renouvellement</label><br> " ;
?>

est ce que quelqu'un pourrait-il m'aider

merci d'avance

salutations.

[Deallyra]

bon là ca ne fera pas avancer ton problème mais pourquoi faire un echo d'un si grand code html?

tu fais bosser le serveur pour rien là...

edit : indentes ton code pour qu'il nous soit lisible ^^

[leclone]

ce n'est pas moi qui choisi, on m'a di de tout mettre en php malgres ce que j'ai dis donc voila

sinon est ce que tu aurais une petite idee a mon probleme

merci

ciao

[jem27]

avec une condition if

[leclone]

la condition if, je ne peux pas la faire sur la meme page

j'aimerais passer par la balise label (et la fonction javascript) comme pour les autres mais je n'y arrive pas

[leclone]

j'ai encore essayer mais le champs text que j'ai fais apparaît tout le temps, je voudrais qu'il apparaissent seulement quand je choisi INTERIM, STAGE, PROFESSIONNALISATION ou APPRENTISSAGE

[jem27]

et pourquoi tu peux pas la faire sur la meme page le if ?

[leclone]

je pourrais recuperer la modalité choisie dans le menu déroulant dans la page d'apres apres avoir valider le formulaire

j'aimerai tout simplement continuer a faire avec le javascript et la balise <label>

[kaiser59]

Salut,

Alors dans ton code javascript tu ajoute ceci :

Code Javascript :

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
<script type='text/javascript'>
function showChoice(lechoix){
var affiche ="";
switch(lechoix){
					case ('a') : affiche="123";
					           break;
					case ('b') : affiche="24";
					           break;
					case ('c') : affiche="25";
					           break;
					case ('d') : affiche="15";
					           break;
					case ('e') : affiche="35";
					           break;
					case ('f') : affiche="45";
					           break;
					}           
 
var listesouschoix=document.getElementsByName('souschoix');
for(i=0;i<listesouschoix.length;i++){
       var here =(affiche.indexOf(i)>-1)?'':'none';
		listesouschoix[i].style.display= here;
		document.getElementById("label"+(i*1+1)).style.display=here;
		}
		}           
					           
</script>

J'ai ajouté des autres chiffres pour montrer qu'il prend bien en compte les changements

Et dans l'html tu ajoutes ceci :

Code html :

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

<label for='souschoix6' id='label6' style='display:none;' >Durée du contrat : </label><input type='text' name='souschoix' id='souschoix6' style='display:none;' value='Durée en mois' /><br>