Form dinamico in base ad alcune scelte.

[PeppeCap93]

Salve a tutti, ho la necessità di modificare dinamicamente un form per la compilazione di un annuncio. In pratica da una select viene selezionato il tipo di annuncio da inserire, se l'annuncio selezionato è "Auto", allora viene mostrato il div che contiene il form per le informazioni relative all'auto.
Fin'ora ho fatto in questo modo.

<script type="text/javascript"> 
		function abil(cosa) {
                         //Nascondo tutti i div
			document.getElementById("Auto").style.display = 'none';

                         //visualizzo solo quello interessato.
			document.getElementById(cosa).style.display = 'block';
		}
	</script>

questa funzione viene richiamata all'evento onlick sull'option della select generata dinamicamente con php:

<option onclick=\"abil('$Nome_Sottocategoria');return false;\" value='$ID_Sottocategoria'>$Nome_Sottocategoria</option>

Il problema è che.. con FF nessun problema.. ma con IE e Chrome non ne vuole sapere di mostrare quel div
Come posso risolvere? so che è una banalità.. ma sono all'inizio col JS

[Vindav]

l'onclick sulle option non è supportato da tutti i browser, devi inserire l'evento onchange sulla select

[PeppeCap93]

ah.. l'onchange è cross-browser? come faccio a passare l'id del'option selezionato?

[Vindav]

cosi, se ti serve il value della option selezionata

<select onchange="abil(this.options[this.selectedIndex].value);">

oppure cosi, se ti interessa invece il testo della option selezionata

<select onchange="abil(this.options[this.selectedIndex].text);">

[PeppeCap93]

Originariamente inviato da Vindav
cosi, se ti serve il value della option selezionata

<select onchange="abil(this.options[this.selectedIndex].value);">

oppure cosi, se ti interessa invece il testo della option selezionata

<select onchange="abil(this.options[this.selectedIndex].text);">

Grazie mille.. è perfetto!!