Problème avec un select

Bonjour,

J'ai réalisé un menu déroulant (select) en coldfusion.

<select name="le_contrat">
<option value="CDD"> CDD </option>
<option value="CDI"> CDI </option>
<option value="Stage"> Stage </option>
</select>

et une textbox appelée dureé :

<font face="verdana" size="-1"><b>Durée :</b></font>&nbsp;
 <cfinput type="text" name="la_duree" maxlength="25" size="10" required="no">

Je souhaite que cette textbox  (durée) disparaisse lorsque la personne sélectionne CDI.

J'espère que vous pouvez m'aider ?

Merci.

JavaScript :)
<script name="JavaScript">

mafonction() {
document.monform.la_duree.visible = false;
}
<form method="post" name="monform">
<select name="le_contrat">
<option value="CDD"> CDD </option>
<option value="CDI" OnClick="mafonction()">CDI</option>
</select>

<font face="verdana" size="-1"><b>Durée :</b></font>&nbsp;
 <input type="text" name="la_duree" maxlength="25" size="10" required="no">
</form>

Ou quelque chose de semblable :)

M@x ---> Go on www.metrox.be

Je savais po k'on pouvait mettre Onclick sur un option.. Je pensais sur un select.. MErci du tuyau Metrox.
S.