Siema... mam prosty skrypt, który działą tak, ze po wciśnięciu opcji "Higiena" w select 1, w następnym seleccie wyświetla się kilka pozycji. Po wciśnięciu innej opcji z select 1- lista w select 2 powinna zostać oczyszczona, jednak nie jest czyszczona kompletnie i nie mam pojęcia dlaczego... Proszę o pomoc...

[HTML] pobierz, plaintext 
  1. <head>
  2. <script language="JavaScript" type="text/javascript">
  3.  
  4.         function updateForm(od,cel) 
  5.     {
  6.        var len=cel.options.length;
  7.        for (i=0; i <= len; i++) 
  8. 	     {
  9.     	    cel.options[i] = null;
  10.     	 }
  11.     for(i=0; i < od.length; i++)
  12.        {
  13.            if (od.options[i].selected == true) 
  14.         {
  15.               switch (od.options[i].value) {
  16.               case '1': cel.options[0] = new Option('Materiały','7');
  17.               cel.options[1] = new Option('Urządzenia','8');
  18.               cel.options[2] = new Option('Inne','9');
  19.               break;
  20.               case '2': cel.options[0] = new Option('Czyściwa','10');
  21.               cel.options[1] = new Option('Urządzenia doz.','11');
  22.               cel.options[2] = new Option('Ubrania ochronne','12');
  23.               cel.options[3] = new Option('Pasty do rąk','13');
  24.               cel.options[4] = new Option('Inne','14');
  25.               break;
  26.               }
  27.         }
  28.        }
  29.            }
  30. </script>
  31. </head>
  32.  
  33. <body>
  34.  
  35.  
  36.  
  37. <form name='formularz' action='nowy.php' method='POST'>
  38.  
  39.   <select size='6' name='grupa1' onChange="updateForm(this,grupa2); return true;">
  40. <option value='1'>Higiena</option> 
  41. <option value='2'>Przemysł</option> 
  42. <option value='3'>Sprzątanie</option> 
  43. <option value='4'>Ochr. obiektów</option>
  44. <option value='5'>Art. ogrodnicze</option>
  45. <option value='6'>Inne</option>
  46.   </select>
  47.  
  48.   <select size='6' name='grupa2' onChange="updateForm(this,grupa3); return true;">
  49.   </select>
  50.  
  51.   <select size='6' name='grupa3' onChange="updateForm(this,grupa4); return true;">
  52.   </select>
  53.  
  54. </form>
  55.  
  56. </body>
[HTML] pobierz, plaintext





wszystko działa tak jak należy dopiero po trzykrotnym wykonaniu tego kodu:

for (i=0; i <= len; i++)
{
cel.options[i] = null;
}

dlaczego nie po jednokrotnym? o co chodzi? Nie ma konfliktu ze zmienną globalną bo nie ma takowej ;p