affichage d'un champs text en javascript

Version imprimable

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:

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:

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.

08/08/2007, 11h39
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 ^^
08/08/2007, 11h40
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
08/08/2007, 11h44
jem27

avec une condition if
08/08/2007, 11h46
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
08/08/2007, 14h35
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
09/08/2007, 08h22
jem27

et pourquoi tu peux pas la faire sur la meme page le if ?
09/08/2007, 09h20
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>

Salut,

Alors dans ton code javascript tu ajoute ceci :
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 <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:

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