select onchange show hide divs

DeeJay3

cawte mam funkciu ktorou potrebujem zobrazit jeden s troch divou podla indexu aky si vyberiem s ponuky
funkcia:

<script>
function show_hide(it){
				switch (it){
				case 1 :	document.getElementById('div1').style.display = vis;break;
				case 2 :	document.getElementById('div2').style.display = vis;break;
				case 3 :	document.getElementById('div3').style.display = vis;break;
				}
			}
</script>

select s divmi

Kód: Vybrať všetko

<select name="kategoria" onchange="show_hide(this[this.selectedIndex].value);">
					<option value="0"></option>
					<option value="1">prva</option>
					<option value="2">druha</option>
					<option value="3">tretia</option>
					</select>

<div id="div1" style="display:none">
div 1
</div>
<div id="div2" style="display:none">
div 2
</div>
<div id="div3" style="display:none">
div 3
</div>

nejak mi to nefachci

Kód: Vybrať všetko

function show_hide(it){
           document.getElementById('div'+it).style.display = "block";
         }

DeeJay3

okey skusim..dik...a v com je to moje zle?

display = vis je hlúposť. Žiadne vis nemáš nikde ako premennú definované (keby si mal niekde var vis = "block" tak by to šlo). Switch je tam zbytočný, lebo vyberáš na základe čísla čo ti určí ktorý div sa má zmeniť, ale tie divy sú pomenované tiež podľa tých čísle, takže stačí ten parameter dávať rovno do mena divu a netreba ti switch

ešte by si si tam mal aj dorobiť skrývanie tých dvoch ostatných

DeeJay3

okey rozumiem...dikes

select onchange show hide divs

select onchange show hide divs

Re: select onchange show hide divs

Re: select onchange show hide divs

Re: select onchange show hide divs

Re: select onchange show hide divs