contenuto in base a una select

[torrone]

Salve,
tramite una select devo mostrare un determinato contenuto... nel senso ho una select con

auto - moto - case

se seleziono auto, mi viene fuori sotto la select il contenuto auto, se seleziono moto il contenuto moto e cosi via

SELECT
------
CONTENUTO DA CAMBIARE

qualcuno sa darmi qualceh aiuto?.. qualceh script da guardare, qualche soluzione? grazie

[Vindav]

ce ne sono mille di soluzioni, basta cercare nel forum...

[torrone]

qualche soluzione?.. ho guardato... trovo piu che altro select ceh aggiornano altre select..

[Vindav]

ti posto un esempio, è molto semplice:

<select onchange="caricaDiv(this, document.getElementById('inf'));">
<option value="">Seleziona Contenuto</option>
<option value="auto">Auto</option>
<option value="moto">Moto</option>
<option value="case">Case</option>
</select>
<div id="inf"></div>

function caricaDiv(myselect,mydiv){
 if(myselect.options[myselect.selectedIndex].value == "auto")
     mydiv.innerHTML = "Contenuto Auto";
 if(myselect.options[myselect.selectedIndex].value == "moto")
     mydiv.innerHTML = "Contenuto Moto";
 if(myselect.options[myselect.selectedIndex].value == "case")
     mydiv.innerHTML = "Contenuto Case";
}

[torrone]

ok grazie ma se invece volessi fare in questo modo...

ho le varie option e quando ne seleziono una anziche far come mi hai mostrato

function caricaDiv(myselect,mydiv){
 if(myselect.options[myselect.selectedIndex].value == "auto")
     mydiv.innerHTML = "Contenuto Auto";
 if(myselect.options[myselect.selectedIndex].value == "moto")
     mydiv.innerHTML = "Contenuto Moto";
 if(myselect.options[myselect.selectedIndex].value == "case")
     mydiv.innerHTML = "Contenuto Case";
}

mi visualizzasse un determinato div?

esempio pratico... ho tre div (<div class="auto">aaa</div> <div class="noto">aaa</div> <div class="case">aaa</div>)

e di questi mi visualizzasse solo quello che ho selezionato?

[Vindav]

Una cosa del genere intendi?

<select name="sel" onchange="caricaDiv(this);">
<option value="">Seleziona Contenuto</option>
<option value="auto">Auto</option>
<option value="moto">Moto</option>
<option value="case">Case</option>
</select>
<div class="auto" id="auto" style="display:none">Contenuto Auto</div> 
<div class="moto" id="moto" style="display:none">Contenuto Moto</div>
<div class="case" id="case" style="display:none">Contenuto Case</div>

function caricaDiv(myselect){
	 if(myselect.options[myselect.selectedIndex].value == "auto"){
	     document.getElementById("auto").style.display = "block";
	     document.getElementById("moto").style.display = "none";
	     document.getElementById("case").style.display = "none";
	 }
	 if(myselect.options[myselect.selectedIndex].value == "moto"){
	     document.getElementById("auto").style.display = "none";
	     document.getElementById("moto").style.display = "block";
	     document.getElementById("case").style.display = "none";
	 }
	 if(myselect.options[myselect.selectedIndex].value == "case"){
	     document.getElementById("auto").style.display = "none";
	     document.getElementById("moto").style.display = "none";
	     document.getElementById("case").style.display = "block";
	 }
}

[torrone]

grazie mille quello che cercavo