Ciao ragazzi!
Sono alle prime armi con la programmazione web e mi sono imbattuto in un problema a cui non ho trovato soluzione né autonomamente né girando nel forum.

Ho bisogno di inserire una linea orizzontale (<hr>) in un documento HTML successivamente ad una selezione in un menù <select>. Ho pensato di inserirla staticamente e "giocare" con la visibilità per farla comparire successivamente, ma se avete suggerimenti migliori fateli pure! Questo è il codice che ho prodotto:

prenotazione.html:
...
<form action="#" id="preno_form">
<p id="preno">
<label class="block">1) scegli la prestazione che intendi prenotare:&nbsp;
<select name="prestazione">
<option selected="selected" value="none"></option>
<option id="chiru" value="chirurgica" onclick="chirurgica()">Visita chirurgica</option>
</select>
</label>
</p>
<hr style="visibility:hidden;">
</form>
...

prenotazione.js:
function chirurgica()
{
passi= document.getElementById("preno_form");
hr= linee.getElementsByTagName("hr");
hr[0].style.visibility= "visible";
}


Tenderei ad escludere errori nell'HTML in quanto il file è validato strict, mentre nel Javascript c'è solo quella funzione. Su Firefox funziona, su Chrome e su HTMLKit no... mi sapreste aiutare?

Grazie!