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é?