Menu déroulant (Autre)

Version imprimable

16/03/2009, 12h27
Mouaiii

Menu déroulant (Autre)

Bonjour n'étant pas trés doué en programmation j'appelle a votre aide !

Alors je voudrais que lorsque je choisi "Autre" dans mon menu déroulant une zone de texte qui etait caché au chargement de la page apparait pour qu'on puisse remplir ce champ.(formulaire php,java)

merci d'avance

Bonjour ! Bon j'ai déjà fait quelque chose de semblable sans savoir si c'est optimisé ou non par contre ;)

dans dans le head:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script type="text/javascript">
 
function montreAutre(){
//remplacer cboNav par nom de liste déroulante
var t=document.formulaire.cboNav.value;
 
        if ( t=="Autre")
        {
                document.getElementById('autre').style.display='block';
        
        }
        else{
        
                document.getElementById('autre').style.display='none';
        }
 
 
}
 
</script>

Dans le body :

Code:

<body onload="javascript:document.getElementById('autre').style.display='none';" >

Puis pour la liste et le reste :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<p><label for id="cboNav">Quel est votre navigateur ? </label><select name="cboNav" id="cboNav" size="1" onChange="montreAutre();">
					<option value=\"\" name=""></option>
					<option value="Mozilla Firefox 2.0">Mozilla Firefox 2.0</option>
					<option value="Mozilla Firefox 3.0">Mozilla Firefox 3.0</option>
					<option value="Internet Explorer 7">Internet Explorer 7</option>
 
					<option value="Internet Explorer 8 Beta">Internet Explorer 8 Beta</option>
					<option value="Google Chrome">Google Chrome</option>
					<option value="Safari">Safari</option>
					<option value="Autre">Autre...</option>
					</select>
		</p>
		<div id="autre"><p><label for="txtNav">Précisez votre navigateur</label><input type="text" id="txtNav" name="txtNav" size="23"/></p></div>

Bon à adapter pour ton cas bien sur ;)

16/03/2009, 14h25
Mouaiii

Merci pour ta reponse mais je sais pas si c'est moi qui fait une erreur ou non mais quand je clic sur autre rien ne se passe
16/03/2009, 14h27
obito

Peux tu me montrer ton code? ;)

voila

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
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
</head>
 
<script type="text/javascript">
 
function montreAutre(){
//remplacer cboNav par nom de liste déroulante
var t=document.formulaire.cboNav.value;
 
        if ( t=="Autre")
        {
                document.getElementById('autre').style.display='block';
        }
        else{
                document.getElementById('autre').style.display='none';
        }
}
 
</script>
 
<body onload="javascript:document.getElementById('autre').style.display='none';" >
 
<form action="" name="form1" methed="post"> 
<p><label for id="cboNav">Quel est votre navigateur ? </label><select name="cboNav" id="cboNav" size="1" onChange="montreAutre();">
					<option value=\"\" name=""></option>
					<option value="Mozilla Firefox 2.0">Mozilla Firefox 2.0</option>
					<option value="Mozilla Firefox 3.0">Mozilla Firefox 3.0</option>
					<option value="Internet Explorer 7">Internet Explorer 7</option>
					<option value="Internet Explorer 8 Beta">Internet Explorer 8 Beta</option>
					<option value="Google Chrome">Google Chrome</option>
					<option value="Safari">Safari</option>
					<option value="Autre">Autre...</option>
					</select>
		</p>
		<div id="autre"><p><label for="txtNav">Précisez votre navigateur</label><input type="text" id="txtNav" name="txtNav" size="23"/></p></div>	
   </div>	
 
</form> 
</body>
</html>

16/03/2009, 14h37
obito

Code:

var t=document.formulaire.cboNav.value;

Ce n'est pas bon car le nom de ton formulaire est form1 et pas formulaire comme dans mon exemple :

Code:

var t=document.form1.cboNav.value;

Et attention t'as mis methed au lieu de method^^
16/03/2009, 14h41
Mouaiii

Merci beaucoup !!!
16/03/2009, 14h42
obito

Super ca marche =)

Bon courage !