zmiana pola w select zmienia atrybuty div'a Opcje

[swist666]

Witam,

Na początku zaznaczam że w ogóle nie ogarniam javy, piszę w php tylko więc to co stworzyłem może być totalnym bełkotem napisałem formularz i chcę aby po zmianie pewnego pola (<select>) zmieniały się również atrybuty innego div'a, a w zasadzie to tylko jeden - visability. Wygląda to mniej więcej tak:

[HTML] pobierz, plaintext 
<select name="rodzaj">
<option value="k">1</option>
<option value="m">2</option>
<option value="p">3</option>
<option value="l">4</option>
</select>
 
<div id="pierwszy_div">
</div>
 
<div id="drugi_div">
</div>
 
<div id="trzeci_div">
</div>
[HTML] pobierz, plaintext 

i chciałbym aby w momencie kiedy użytkownik zmieni wartość zmiennej "rodzaj" pojawiają się dane divy.. np. 1 = 2 pierwsze divy widoczne, 2 = wszystkie divy widoczne, 3 - pierwszy i trzeci itd.

wstępnie napisałem coś takiego ale nie działa

[HTML] pobierz, plaintext 
<script type="text/javascript">
<!--
function ZmienTyp() {
	if ( document.getElementById("rodzaj").value=='m' ) {
		document.getElementById("imie").style.visibility='hidden';
	}
	else {
		document.getElementById("imie").style.visibility='visible';
	}
}
//-->
</script>
 
<select name="rodzaj">
<option value="k">1</option>
<option value="m">2</option>
<option value="p">3</option>
<option value="l">4</option>
</select>
 
[HTML] pobierz, plaintext 

ktoś ma jakieś pomysły??

Ten post edytował swist666 27.10.2009, 15:32:15

[piotrooo89]

coś takiego:

[HTML] pobierz, plaintext 
<script type="text/javascript">
function ZmienTyp(ile) 
{
	if ( ile=='m' ) 
	{
		document.getElementById("pierwszy_div").style.visibility='visible';
		document.getElementById("drugi_div").style.visibility='visible';
		document.getElementById("trzeci_div").style.visibility='hidden';
	}
}
</script>
 
<select name="rodzaj" onChange="ZmienTyp(this.value)">
<option value="k">1</option>
<option value="m">2</option>
<option value="p">3</option>
<option value="l">4</option>
</select>
 
 
<div id="pierwszy_div">
1
</div>
 
<div id="drugi_div">
2
</div>
 
<div id="trzeci_div">
3
</div>
[HTML] pobierz, plaintext 

reszte se dorób sam.

Ten post edytował piotrooo89 27.10.2009, 15:38:03