Rendere campihidden in base al valore di una select

[pippuccio76]

Salve ho un form con due campi :
una select:

<select name="costoridotto" id="costoridotto"  onclick="prezzi();" >
			  	<option value="0,01">Nessuna Riduzione</option>
			 	<option value="0">Gratuito</option>
			 	<option value="2">2</option>
				<option value="3">3</option>
		   		<option value="4">4</option>
			 	<option value="5">5</option>
				<option value="6">6</option>
		  		<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
</select>

e un campo testo :

			<input  type="text" id="rid" name="motivazione" maxlength="150" size="100" class="campitesto" onblur="prezzi();" />

Vorrei che se il valore del select fosse 0,01 il campo motivazione (id=rid) fosse hidden , allora ho aggiunto questo codie js :

<script type="text/javascript">
	var prezzorid     = document.offer1.costoridotto.value;
	if (prezzorid=='0,01') {
		document.getElementById('rid').style.visibility = 'hidden';


	};






</script>

Ma nella console ho :

Uncaught TypeError: Cannot read property 'costoridotto' of undefined ....

[badaze]

Se hai messo lo script prima del codice html della select è normale di avere quell'errore. Lo script viene eseguito prima della creazione della select.

[pippuccio76]

Se hai messo lo script prima del codice html della select è normale di avere quell'errore. Lo script viene eseguito prima della creazione della select.

Lo script è nell' head....

[cavicchiandrea]

O lo inserisci in una funzione function tuanome(){....tuo codice....} o al caricamento onload=function(){.....tuo codice....} entrambi vanno nella head

[badaze]

Lo script è nell' head....

Prova a metterlo alla fine del body. Poi segui il consiglio di cavicchiandrea.