Ciao a tutti, vorrei chiedere se qualcuno riesce a darmi una mano in questo problemino con javascript,
Il mio intento è quello di avere una select HTML che rende visibile una porzione di testo nello stesso
document a seconda di quello che viene selezionato dall'utente.

Ho ceracato di fare in questo modo ( senza alcun risultato ) :



Selezionare il numero di amici :

<select size="1" name="amici" onchange="document.getElementById('document.amici. value').style.visibility='visible';">

<option value="DUE"> 2 </option>
<option value="TRE"> 3 </option>
<option value="QUATTRO"> 4 </option>
<option value="CINQUE"> 5 </option>
</select>
</p>
Indicare i nomi dei propri amici.



PRIMO AMICO : <input type="text" name="primo_amico" value="" > %</p>


SECONDO AMICO : <input type="text" name="secondo_amico" value="" > %</p>

<span id="TRE" style="visibility:hidden;" >


TERZO AMICO : <input type="text" name="terzo_amico" value="" > %</p>
</span>

<span id="QUATTRO" style="visibility:hidden;">


TERZO AMICO : <input type="text" name="terzo_amico" value="" > %</p>


QUARTO AMICO : <input type="text" name="quarto_amico" value="" > %</p>
</span>


<span id="CINQUE" style="visibility:hidden;">


TERZO AMICO : <input type="text" name="terzo_amico" value=""> %</p>


QUARTO AMICO : <input type="text" name="quarto_amico" value="" > %</p>


QUINTO AMICO : <input type="text" name="quinto_amico" value="" > %</p>
</span>


ps. visto che i valori li devo inviare ad una pagina jsp avrò problemi dato che ho i nomi degli elementi input ripetuti ?


Vi RINGRAZIO ANTICIPATAMENTE

GRAZIE


D.D.