Salve a tutti,

ho creato una pagina con un form in cui c'è un tag select che permette di scegliere il numero di campi da visualizzare, e questi appaiono di conseguenza all'evento onClick.

il codice è il seguente:
codice:
		<select name="oggetti">
		<option value="1"          onclick="document.getElementById('v1').style.display='block';
																 document.getElementById('v2').style.display='none';
																 document.getElementById('v3').style.display='none';">1
		</option>
		<option value="2"          onclick="document.getElementById('v1').style.display='block';
																 document.getElementById('v2').style.display='block';
																 document.getElementById('v3').style.display='none';">2
		</option>		
		<option value="3"          onclick="document.getElementById('v1').style.display='block';
																 document.getElementById('v2').style.display='block';
																 document.getElementById('v3').style.display='block';">3
		</option>
	</select>

		<tr id="v1" style='display:block'>
			<td style="width: 840px;">Primo oggetto:</td>
			<td><input type='text' size='2' maxlength='5' name='ogg1'></td>
		</tr>
		<tr id="v2" style='display:none'>
			<td style="width: 840px;">Secondo oggetto:</td>
			<td><input type='text' size='2' maxlength='5' name='ogg2'></td>
		</tr>
		<tr id="v3" style='display:none'>
			<td style="width: 840px;">Terzo oggetto:</td>
			<td><input type='text' size='2' maxlength='5' name='ogg3'></td>
		</tr>
funziona perfettamente su firefox e opera, mentre su IE, safari e google chrome no.
Sapreste dirmi perché?