[JavaScript][HTML]Problem z dynamicznym SELECTem Opcje

[Ulysess]

witam , wykorzystałem gotowe rozwiązanie lecz z niewiadomych mi przyczyn nie działa i nigdzie się nie dopatrzyłem błędu..
chodzi o to że chcę wybrać nacje / profesje i w div nacje / profesja miały by się pojawić jakieś dane lecz niestety to nie działa...

[HTML] pobierz, plaintext 
<script type="text/javascript">
function option1(s)
{
if(s.value==1)
nacja.innerHTML = '<span>Siła 5%</span><br/><span>Atak 5%</span><br/><span>Życie 5%</span><br/><span>Obrona 0%</span><br/><span>Charyzma 5%</span><br/><span>Zwinność 5%</span><br/>';
else if(s.value==2)
nacja.innerHTML = '<span>Siła 10%</span><br/><span>Atak 0%</span><br/><span>Życie 0%</span><br/><span>Obrona 0%</span><br/><span>Charyzma 5%</span><br/><span>Zwinność 10%</span><br/>';
else if(s.value==3)
nacja.innerHTML = '<span>Siła 0%</span><br/><span>Atak 0%</span><br/><span>Życie 5%</span><br/><span>Obrona 5%</span><br/><span>Charyzma 10%</span><br/><span>Zwinność 5%</span><br/>';
else if(s.value==4)
nacja.innerHTML = '<span>Siła 10%</span><br/><span>Atak 5%</span><br/><span>Życie 5%</span><br/><span>Obrona 5%</span><br/><span>Charyzma 0%</span><br/><span>Zwinność 0%</span><br/>';
else if(s.value==5)
nacja.innerHTML = '<span>Siła 10%</span><br/><span>Atak 0%</span><br/><span>Życie 10%</span><br/><span>Obrona 5%</span><br/><span>Charyzma 0%</span><br/><span>Zwinność 0%</span><br/>';
}
 
function option2(d)
{
if(d.value==1)
profesja.innerHTML = '<span>Siła 0%</span><br/><span>Atak 5%</span><br/><span>Życie 5%</span><br/><span>Obrona 0%</span><br/><span>Charyzma 5%</span><br/><span>Zwinność 10%</span><br/>';
else if(d.value==2)
profesja.innerHTML = '<span>Siła 15%</span><br/><span>Atak 10%</span><br/><span>Życie 0%</span><br/><span>Obrona 0%</span><br/><span>Charyzma 0%</span><br/><span>Zwinność 0%</span><br/>';
else if(d.value==3)
profesja.innerHTML = '<span>Siła 0%</span><br/><span>Atak 15%</span><br/><span>Życie 0%</span><br/><span>Obrona 0%</span><br/><span>Charyzma 0%</span><br/><span>Zwinność 10%</span><br/>';
else if(d.value==4)
profesja.innerHTML = '<span>Siła 10%</span><br/><span>Atak 5%</span><br/><span>Życie 5%</span><br/><span>Obrona 5%</span><br/><span>Charyzma 0%</span><br/><span>Zwinność 0%</span><br/>';
else if(d.value==5)
profesja.innerHTML = '<span>Siła 0%</span><br/><span>Atak 0%</span><br/><span>Życie 5%</span><br/><span>Obrona 0%</span><br/><span>Charyzma 10%</span><br/><span>Zwinność 10%</span><br/>';
}
</script>
 
<div class="registration">
 
<div style="float: left; width: 50%; border: 0px solid red;">
<form action="rejestracja&amp;weryfikacja=1.html" method="POST">
<table style="margin-left: 20px; width: 100%;">
<tbody>
	<tr>
		<td class="alpha"><span class="bold">ID Polecającego:</span><td>
		<td class="alpha" align="center"><input class="main" onkeyup="this.value=this.value.replace(/\D/g,'')" name="poleca" maxlength="8" value="<?php echo $_SESSION['poleca'];?>" size="26" tabindex="1"/><td>
	</tr>
	<tr>
		<td class="alpha"><span class="bold">Login:</span><td>
		<td class="alpha" align="center"><input class="main" name="login" maxlength="20" value="<?php echo $_SESSION['login'];?>" size="26" tabindex="2"/><td>
	</tr>
	<tr>
		<td class="alpha"><span class="bold">Nazwa Postaci:</span><td>
		<td class="alpha" align="center"><input class="main" name="nick" maxlength="40" value="<?php echo $_SESSION['nick'];?>" size="26" tabindex="3"/><td>
	</tr>
	<tr>
		<td class="alpha"><span class="bold">Nacja:</span><td>
		<td class="alpha" align="center">
		<select class="main" name="nacja" onchange="option1(this)" tabindex="4">
			<option value="1">Człowiek</option>
			<option value="2">Elf</option>   	
			<option value="3">Niziołek</option>
			<option value="4">Troll</option>
			<option value="5">Ork</option>
		</select>
		<td>
	</tr>
	<tr>
		<td class="alpha"><span class="bold">Profesja:</span><td>
		<td class="alpha" align="center">
		<select class="main" name="profesja" onchange="option2(this)" tabindex="5">
			<option value="1">Myśliwy</option>
			<option value="2">Barbarzyńca</option>  	
			<option value="3">Zabójca</option>
			<option value="4">Wojownik</option>
			<option value="5">Złodziej</option>
		</select>
		<td>
	</tr>
	<tr>
		<td class="alpha"><span class="bold">Hasło:</span><td>
		<td class="alpha" align="center"><input class="main" name="haslo" type="password" maxlength="20" value="" size="26" tabindex="6"/><td>
	</tr>
	<tr>
		<td class="alpha"><span class="bold">Powtórz Hasło:</span><td>
		<td class="alpha" align="center"><input class="main" name="haslo2" type="password" maxlength="20" value="" size="26" tabindex="7"/><td>
	</tr>
	<tr>
		<td class="alpha"><span class="bold">Sekretne Pytanie:</span><td>
		<td class="alpha" align="center">
		<select class="main" name="pytanie" tabindex="8">
			<option value="1">Ulubiony piłkarz</option>
			<option value="2">Twoja ulubiona potrawa</option>  	
			<option value="3">Data urodzenia</option>
			<option value="4">Imię pierwszej miłości</option>
			<option value="5">Co robisz w wolnym czasie</option>
		</select>
		</td>
	</tr>
	<tr>
		<td class="alpha"><span class="bold">Odpowiedz:</span><td>
		<td class="alpha" align="center"><input class="main" name="pytanie_odpowiedz" maxlength="20" value="<?php echo $_SESSION['pytanie_odpowiedz'];?>" size="26" tabindex="9" /><td>
	</tr>
	<tr>
		<td class="alpha"><span class="bold">E-mail:</span><td>
		<td class="alpha" align="center"><input class="main" name="email" maxlength="40" value="<?php echo $_SESSION['email'];?>" size="26" tabindex="10" /><td>
	</tr>
	<tr>
		<td class="alpha"><span class="bold">Kod:</span><td>
		<td class="alpha" align="center"><img src="generator_kodu.php" /><td>
	</tr>
	<tr>
		<td class="alpha"><span class="bold">Przepisz Kod:</span><td>
		<td class="alpha" align="center"><input class="main" onkeyup="this.value=this.value.replace(/\D/g,'')" name="kod" maxlength="4" value="" size="26" tabindex="11" /><td>
	</tr>
	<tr>
		<td class="alpha"><span class="bold">Akceptacja Regulaminu Gry:</span><td>
		<td class="alpha" align="center"><input type="checkbox" name="regulamin" value="1" tabindex="12" /><td>
	</tr>
	<tr>
		<td class="alpha"><td>
		<td class="alpha" align="center"><input class="main" type="submit" value="Rejestruj" tabindex="13" /><td>
	</tr>
</tbody>
</table>
</form>
</div>
 
<div style="float: left; width: 45%; border: 0px solid red; margin-left: 15px;">
<table style="width: 100%;">
<tbody>
	<tr align="center">
		<td class="name" width="50%">Nacja</td>
		<td class="name" width="50%">Profesja</td>
	</tr>
	<tr align="center">
		<td class="alpha"></td>
		<td class="alpha"></td>
	</tr>
</tbody>
</table>
 
<div id="nacja">a</div>
<div id="profesja">b</div>
 
</div>
 
 
</div>
[HTML] pobierz, plaintext 

[benio101]

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
	<title>New document</title>
<meta name="generator" content="TSW WebCoder">
<script type="text/javascript">
function option1(s,s1)
{
if(document.getElementById(s).value==1)
document.getElementById(s1).innerHTML = '<span>Siła 5%</span><br/><span>Atak 5%</span><br/><span>Życie 5%</span><br/><span>Obrona 0%</span><br/><span>Charyzma 5%</span><br/><span>Zwinność 5%</span><br/>';
if(document.getElementById(s).value==2)
document.getElementById(s1).innerHTML = '<span>Siła 10%</span><br/><span>Atak 0%</span><br/><span>Życie 0%</span><br/><span>Obrona 0%</span><br/><span>Charyzma 5%</span><br/><span>Zwinność 10%</span><br/>';
if(document.getElementById(s).value==3)
document.getElementById(s1).innerHTML = '<span>Siła 0%</span><br/><span>Atak 0%</span><br/><span>Życie 5%</span><br/><span>Obrona 5%</span><br/><span>Charyzma 10%</span><br/><span>Zwinność 5%</span><br/>';
if(document.getElementById(s).value==4)
document.getElementById(s1).innerHTML = '<span>Siła 10%</span><br/><span>Atak 5%</span><br/><span>Życie 5%</span><br/><span>Obrona 5%</span><br/><span>Charyzma 0%</span><br/><span>Zwinność 0%</span><br/>';
if(document.getElementById(s).value==5)
document.getElementById(s1).innerHTML = '<span>Siła 10%</span><br/><span>Atak 0%</span><br/><span>Życie 10%</span><br/><span>Obrona 5%</span><br/><span>Charyzma 0%</span><br/><span>Zwinność 0%</span><br/>';
}
</script>
</head>
 
<body>
<table>
<tr>
		<td class="alpha"><span class="bold">Nacja:</span><td>
		<td class="alpha" align="center">
		<select class="main" id="nacja" name="nacja" onchange="option1('nacja','nacja_opis')" tabindex="4">
			<option value="1">Człowiek</option>
			<option value="2">Elf</option>   	
			<option value="3">Niziołek</option>
			<option value="4">Troll</option>
			<option value="5">Ork</option>
		</select>
		<p id="nacja_opis">
		<span>Siła 5%</span><br/><span>Atak 5%</span><br/><span>Życie 5%</span><br/><span>Obrona 0%</span><br/><span>Charyzma 5%</span><br/><span>Zwinność 5%</span><br/>
		</p>
		<td>
	</tr>
</table>
</body>
</html>
[HTML] pobierz, plaintext 

Gdy zmienisz innerHTML selectu, to Ci nie wyjdzie, innerHTML musi osnosić się do innego zbiornika, np. p, a, td itd itp.
Tutaj tkwił problem. Powyżej przykladowy fragment, który działa.
Jak to poprawić w Twoim kodzie, pomyśl sam.

P.S. Faktycznie, zapomniałem dodać id.

Ten post edytował benio101 5.02.2011, 21:25:53