onchange su select

[Tyler Durden7]

Salve,
premetto che javascript lo conosco in maniera molto approssimata, sviluppo in php, quindi mi scuso fin da ora se la questione che vi pongo può sembrare banale.
Avrei bisogno di realizzare una funzione che mi attivi una select (inizialmente è disabilitata) nel momento in cui l'utente sceglie un valore specifico da una precedente select.
es.

scegli il tipo di dominio. --> una select attiva che contiene le varie opzioni di scelta.
.com
.org
.it
.net
.ecc

una seconda select, subito dopo questa, inizialmente disabilitata che viene attivata solo se l'utente sceglie l'opzione .it della select precedente.

scegli la categoria. --> inizialmente disabilitata (che si abilita solo se l'utente sceglie l'opzione .it dalla precedente select)
ditte/società
associazioni
persone fisiche
ecc

Spero di essere stato abbastanza chiaro e mi auguro che qualcuno di voi possa aiutarmi.
Vi ringrazio anticipatamente

[Tyler Durden7]

nessuno riesce a darmi una mano?

[Mega69]

<select onchange="if(this[options.selectedIndex].value=='it') { document.getElementById('itSelect').disabled='false'; } else { document.getElementById('itSelect').disabled='disabled'; }">
<option value="it">it</option>
<option value="com">com</option>
</select>

<select id="itSelect" disabled="disabled">
<option ecc...
</select>

[Tyler Durden7]

grazie mille per la risposta mega. ma la seconda select resta sempre disabilitata anche quando scelgo il valore .it

[Mega69]

Posta come hai adattato il codice.

[Tyler Durden7]

ecco come ho adattato il codice. grazie per l'aiuto

 <input type="text" name="nomeDominio" size="20" value="" />
<select name="pkg[TLD]" onchange="if(this[options.selectedIndex].value=='it') { document.getElementById('itSelect').disabled='false'; } else { document.getElementById('itSelect').disabled='disabled'; }">
                        <option value="biz">biz</option>
                        <option value="com" selected>com</option>			
                        <option value="info">info</option>
                        <option value="name">name</option>
                        <option value="net">net</option>
                        <option value="org">org</option>
                        <option value="us">us</option>
                        <option value="it">it</option>
                        <option value="eu">eu</option>
                    </select>
                    
			    </td>
			</tr>
		  	
			<tr>
		    	<td width="20%"><div id="testo_piccolo2">Tipo di categoria:</div></td>
		    	<td>
					<select name="tipoReg" id="itSelect" disabled="disabled" >
                        <optgroup label="Scegli il tipo di registrazione">
                        	<option value="0">Società/Ditte</option>
                        	<option value="1">Enti/Istituzioni</option>
                        	<option value="2">Professionisti</option>
                        	<option value="3">Associazioni</option>
                        	<option value="4">Persone fisiche</option>
                        </outgroup>
					</select>

[br1]

<select name="pkg[TLD]" onchange="if(this.options[this.selectedIndex].value=='it') { document.getElementById('itSelect').disabled=false; } else { document.getElementById('itSelect').disabled=true; }">
                        <option value="biz">biz</option>
                        <option value="com" selected>com</option>			
                        <option value="info">info</option>
                        <option value="name">name</option>
                        <option value="net">net</option>
                        <option value="org">org</option>
                        <option value="us">us</option>
                        <option value="it">it</option>
                        <option value="eu">eu</option>
                    </select>
                    
			    </td>
			</tr>
		  	
			<tr>
		    	<td width="20%"><div id="testo_piccolo2">Tipo di categoria:</div></td>
		    	<td>
					<select name="tipoReg" id="itSelect" disabled>
                        <optgroup label="Scegli il tipo di registrazione">
                        	<option value="0">Società/Ditte</option>
                        	<option value="1">Enti/Istituzioni</option>
                        	<option value="2">Professionisti</option>
                        	<option value="3">Associazioni</option>
                        	<option value="4">Persone fisiche</option>
                        </outgroup>
					</select>

In rosso le correzioni piu' importanti.

ciao

[Tyler Durden7]

Grazie mille ad entrambi, adesso funziona perfettamente.

[sottobosco]

a me non funziona, ho anche io una questione simile, ma utilizzando pari pari questo codice non mi si attiva la seconda select...

Forse la mia questione è un po' più complessa (ne so poco di JS), devo avere una prima select con l'elenco delle case automobilistiche, selezionata la casa, devo ricaricare la pagina passando l'id della "casa" (es. audi, ecc...) e attivare una seconda select con l'elenco dei "modelli" (es. A4, A6, ecc...) della casa selezionata, e di nuovo, selezionando il modello devo ricaricare la pagina per attivare una terza select con l'elenco delle "versioni" (es. benzina, TDI, ecc...), e infine selezionata anche la versione, devo ricaricare la pagina ovviamente ripassando tutti i dati per poter eseguire un calcolo.....

come faccio!!!!

[Mega69]

Non credo che sia un buon approccio cambiare pagina ogni volta, meglio usare un iframe o ancora meglio ajax.

Ma se proprio sei costretto a cambiare pagina puoi passare la categoria scelta come parametro dell'url:

pagina.php?cat=audi

e ricavarlo o tramite un linguaggio lato server oppure usando una regexp sulla location.search direttamente con javascript.