Ho un problema in questo script che server per nascondere parte dell' html in base a ciò che viene selezionato dal jump menu:

<script language='JavaScript'>
function nascondi(myvalue) {
if (document.getElementById)
if (myvalue=="produzioni")
document.getElementById("autore").style.visibility ="visible";
else
document.getElementById("autore").style.visibility ="hidden";
else alert("Funzionalità DOM non supportate.");
}
</script>

richiamato da

<select name="categoria" onChange="nascondi(this.options[this.selectedIndex].value);">
<option value=generale>generale</option>
<option value=eventi>eventi</option>
<option value=produzioni>produzioni</option>
</select>

dove il div è così definito:


<div id="autore">
<tr>
<td width="34%" align="right">Autore produzione :</td>
<td width="66%">
<input name="autore_produzioni" type="text" size="40" value='' maxlength="90">
</td>
</tr>
</div>

In pratica lo script funziona se uso semplice testo, per esempio se faccio

<div id="autore">CIAOOOOOO</div>
Se invece all' interno del dive inserisco HTML lo script non funziona più...da cosa dipende ?