Masquer une partie d'un formulaire

Version imprimable

Bonjour,
Je dispose d'un formulaire comportant une liste déroulante. Si l'utilisateur sélectionne l'option "Autre", je souhaite afficher un champ ou l'utilisateur devra rentrer du texte.

L'événement OnChange est utilisé pour faire un calcul concernant un pourcentage et l'afficher dans le champ correspondant.

Voici la partie du code du formulaire :
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 <tr> <td> <img src="images/puce.gif" />Compétence 1: <select name="Competence1" onChange="CalculPourCent()"> <option value="1"></option> <option value='49'>Acoustique environnementale & perception</option> <option value='43'>Dynamique et vibrations des structures</option> <option value='45'>Management</option> <option value='44'>Support</option> <option value='282'>Autre</option> </select> </td> </tr> <tr> <td> <img src="images/puce.gif" />Si "Autre", précisez : <input name="AutreComp1" type="text" value="" size="50" maxlength="255" /> </td> </tr> <tr> <td>Pourcentage de compétence 1 : <input type="text" name="PourCentComp1" value="50" size="2" readonly="true"> </td> </tr>
Comment cacher la ligne comportant le champ "AutreComp1" et ne l'afficher que lorsque l'utilisateur sélectionne l'option "Autre" ?

Merci de vos réponses.

06/01/2006, 11h01
Invité

:salut:

ce n'est pas parce que l'evenement onchange sert deja à autre chose que tu ne peux pas l'utiliser pour ça.

au depart, tu crées un champ texte que tu n'affiches pas (display:none). puis sur le onchange, si la value est 282 tu changes la propriete CSS style.display, et voilou :mrgreen:
06/01/2006, 11h09
crazydiver_e2

Merci pour ta réponse rapide. :D

:oops: Mais ... quand "autre" n'est pas selectionné, la ligne est réservée, ce qui fait comme si on sautait une ligne.

:?: Je souhaiterais ne pas avoir de ligne vide sous ma liste déroulante.

J'ai aissayé avec un document.write dans une fonction lancée par le OnChange, mais ça me l'écrit dans une nouvelle page. :?

pas tout compris là...

ce code fait-il ce que tu veux

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
<head>
</head>
<body>
	<form>
		<select onchange="if(this.value == '282') {document.getElementById('lInput').style.display='inline';} else {document.getElementById('lInput').style.display='none';}">
			<option value="28">toto</option>
			<option value="282">autre</option>
			<option value="82">titi</option>
		</select><input type="text" id="lInput" style="display:none" />
		du texte !!
	</form>
</body>
</html>

:idea: :?:

06/01/2006, 11h36
crazydiver_e2

MERCI :D

Je ne connaissais pas InLine...

Encore merci :D