Discussion :

[fripette]

Bonjour,
J'aimerai mettre dans ma jsp un champ input grisé qui s'activerait lorsque le champ "autre" de mon menu déroulant serait sélectionné.
Voici un exemple :
mon menu déroulant contient plusieurs valeurs pré-remplies :
<250,<500,<2500,<5000 et autre.

Lorsque l'utilisateur sélectionnera le champ "autres" il faudrait que la page s'actualise (sans passer par la servlet) et que le champ input s'active.

Je sais que je dois utiliser du javascript et onchange.
Cependant je ne sais pas comment utiliser l'option onchange de mon select.
En effet, le onchange sera actif pour tous les élèments de mon menu déroulant or je veux que le onchange s'applique uniquement lorsque la valeur "autre" est sélectionné.

Auriez vous un schema type ou une idée svp ?
Merci d'avance !

[zorm]

Je sais pas si cette question a vraiment sa place sur le forum Java.

Effectivement, le problème se resolvera surement avec du javascript, voila pourquoi il serait plus approprié de la posée dans la partie Javascript du forum
http://www.developpez.net/forums/forumdisplay.php?f=23

[fripette]

Comme je voulais l'intégrer dans une page jsp, je pensais que c'était le forum approprié mais je vais aller le poster chez les Javascript.
Merci !

[OButterlin]

Tu peux faire un truc dans le genre...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<select name="Selector" ... onchange="checkAutre()"/>
   ...
</select>
<input type="text" name="Autre" disabled/>
 
<script>
function checkAutre()
{
   if ( document.forms[0].Selector.value == "AUTRE" ) document.forms[0].Autre.disabled = false;
else document.forms[0].Autre.disabled = true;
}
</script>

A+

[fripette]

Merci pour ta réponse rapide !!
J'ai essayé et adapté à ma sauce mais la mayo n' a pas pris.
Voilàl e bout de code dans ma page jsp:

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
 
 <tr>
        	<td>Legionella</td>
        	<td><input name="<%= UFCInpLeg %>" value="" type="text" size="25" disabled/></td>
 
        	<td><SELECT name="UFCLeg" onchange="checkAutre()"/>
				<OPTION value="" selected></OPTION>
				<% for (int j=0;j<listUFC.length;j++){ %>
					<OPTION value="<%= listUFC[j] %>" ><%= listUFC[j] %></OPTION>			
				<% } %>
				<OPTION value="Autre" >Autre</OPTION>
			</SELECT></td>
		</tr>	
 
		<script type="text/JavaScript" language="JavaScript">
		# alert ("Execute la fonction checkAutre()");  
        	function checkAutre(){
   				if ( document.forms[0].UFCLeg.value == "Autre" ) document.forms[0].Autre.disabled = false;
				else document.forms[0].Autre.disabled = true;
				}
        </script>

Merci de ton éclairage

[OButterlin]

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
 <tr>
            <td>Legionella</td>
            <td><input name="<%= UFCInpLeg %>" value="" type="text" size="25" disabled/></td>
        
            <td><SELECT name="UFCLeg" onchange="checkAutre()"/>
                <OPTION value="" selected></OPTION>
                <% for (int j=0;j<listUFC.length;j++){ %>
                    <OPTION value="<%= listUFC[j] %>" ><%= listUFC[j] %></OPTION>            
                <% } %>
                <OPTION value="Autre" >Autre</OPTION>
            </SELECT></td>
        </tr>    
        
        <script type="text/JavaScript" language="JavaScript">
            function checkAutre(){
                   if ( document.forms[0].UFCLeg.value == "Autre" ) document.forms[0].<%= UFCInpLeg %>.disabled = false;
                else document.forms[0].<%= UFCInpLeg %>.disabled = true;
                }
        </script>

Comme le nom de ton champ est variable, il faut également mettre la variable jsp dans le script

A+