[JavaScript][HTML] select Opcje

[Chelo]

Witam. Mam mały problem z kodem js.

Naskrobałem coś takiego:

[HTML] pobierz, plaintext 
<script language="Javascript" type="text/javascript">
 
	function pokaz(pole)
		{ var zmienna1 = pole;
			if(zmienna1 && document.getElementById(zmienna1).style.display == "none") 
				{	
					for(num=0;num<=4;num++) 
						{ var txtareal = 'txtarea' + num; 
			 				if(zmienna1 !== txtareal) 
								{
							document.getElementById(txtareal).style.display="none";
								}
							else {
							document.getElementById(zmienna1).style.display = "";
							     }
						}
				}		
		}
</script>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<select name="uabc">
					<option value="0"  onClick="abc('txtarea0')">a</option>
					<option value="1"  onClick="abc('txtarea1')">b</option>
					<option value="2"  onClick="abc('txtarea2')">c</option>
					<option value="3" onClick="abc('txtarea3')">d</option>
					<option value="4" onClick="abc('txtarea4')">e</option>
				</select>
		<span id="txtarea4" style="display: none;">abcas</span>
		<span id="txtarea3" style="display: none;">ssas</span>
[HTML] pobierz, plaintext 

Niestety skrypt nie wświetla żadnego tekstu po kliknięciu w option np z wartością 4.

W czym popełniam błąd?

Ten post edytował Chelo 10.08.2010, 22:03:36

[erix]

Problem dość pospolity - option nie jest elementem autonomicznym, czyli wszystkie zdarzenia musisz obsługiwać dla rodzica, czyli dla select. Podpowiedź: onchange.