Forum PHP.pl > Ciekawy problem dotyczący zmiennych?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Ciekawy problem dotyczący zmiennych?

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

karlkar

7.02.2008, 16:02:14

Witam mam na stronie 3 selecty(później pewnie więcej) i chciałbym, aby po wybraniu opcji w 1 selekcie wyświetlały się nowe pozycje w 2, po wybraniu opcji z drugiego w trzecim i.t.d. Przygotowałem sobie specjalny kodzik w 2 wersjach. 1 wersja obsługuje to tak, że każdy select wywołuje swoją funkcję, lecz skoro ma tych selectów być więcej doszedłem do wniosku że lepiej, aby było to obsługiwane prez 1 funkcję. Zatem powstał plik w drugiej wersji. Pozwolę sobie zamieścić oba kody i adresy do nich, abyście przetestowali ich działanie.

działająca jak powinna(specjalnie nie jest jeszcze dopracowana, także spokojnie

)

[PHP] pobierz, plaintext 
<?php
<html>
<head>
<script language="JavaScript" type="text/javascript">
 
		function updateForm() 
	{
	var len=document.formularz.miesiac.length;
	for(i=0; i < len; i++)
	   {
		   if (document.formularz.miesiac.options[i].selected == true) 
		{
			   document.formularz.tydzien.options[i] = new Option('Teksciorek',i);
		}
	   }
		   }
 
 
		function updateForm1() 
	{
	var len=document.formularz.tydzien.length;
	for(i=0; i < len; i++)
	   {
		   if (document.formularz.tydzien.options[i].selected == true) 
		{
			   document.formularz.dzien.options[i] = new Option('Tekscior',i);
		}
	   }
		   }
</script>
</head>
 
<body>
 
 
 
<form name='formularz' action='nowy.php' method='POST'>
 
  <select size='6' name='miesiac' onChange="updateForm(); return true;">
<option value='1'>element 1</option> 
<option value='2'>element 2</option> 
<option value='3'>element 3</option> 
<option value='4'>element 4</option>
  </select>
 
  <select size='6' name='tydzien' onChange="updateForm1(); return true;">
  </select>
 
  <select size='6' name='dzien'>
  </select>
 
</form>
</body>
</html>
?>
[PHP] pobierz, plaintext

A teraz drugi kodzik, który już nie chce działać jak należy:

[PHP] pobierz, plaintext 
<?php
<html>
<head>
<script language="JavaScript" type="text/javascript">
 
		function updateForm(od,cel) 
	{
	var len=od.length;
	for(i=0; i < len; i++)
	   {
		   if (od.options[i].selected == true) 
		{
			   cel.options[i] = new Option('Teksciorek',i);
		}
	   }
		   }
</script>
</head>
 
<body>
 
 
 
<form name='formularz' action='nowy.php' method='POST'>
 
  <select size='6' name='miesiac' onChange="updateForm(this,'tydzien'); return true;">
<option value='1'>element 1</option> 
<option value='2'>element 2</option> 
<option value='3'>element 3</option> 
<option value='4'>element 4</option>
  </select>
 
  <select size='6' name='tydzien' onChange="updateForm(this,'dzien'); return true;">
  </select>
 
  <select size='6' name='dzien'>
  </select>
 
</form>
 
</body>
</html>
?>
[PHP] pobierz, plaintext

w tym pliku, w którym nie działa nie ma różnicy pomiędzy wpisaniem
onChange="updateForm(this,'dzien'); return true;">
czy też
onChange="updateForm(this,'document.formularz.dzien'); return true;">

Proszę o pomoc

Pozdrawiam

nospor

7.02.2008, 16:05:23

no bo nie:'document.formularz.dzien'
a: document.formularz.dzien
Dajac ciapki mowisz ze to tekst, a przeciez ty masz dac pole a nie tekst.
A najlepiej nadaj polom id i przekazuje je tak: document.getElementById('idpola')

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.