Menu déroulant (Autre)

**Mouaiii** · 16/03/2009, 12h27

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

**obito** · 16/03/2009, 12h37

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 :

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

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

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

Puis pour la liste et le reste :

Code :

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

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

**Mouaiii** · 16/03/2009, 14h25

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

**obito** · 16/03/2009, 14h27

Peux tu me montrer ton code?

**Mouaiii** · 16/03/2009, 14h30

voila

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