Masquer une partie d'un formulaire

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 :

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

Masquer une partie d'un formulaire

Supprimer

Modérer

Signaler le message aux modérateurs