[javascript] dwupoziomowa lista rozwijana nie chce działać Opcje

[blublus]

Witam
Chciałem sobie zrobić podwójną listę wyboru, w której wyniki w drugim polu zależne są od tego, co się wybierze w pierwszym. Napisałem skrypt, zacząłem testować i mam problem, bo nie do końca chce działać. Mianowicie po wczytaniu strony, jak się wybierze rodzaj1, to podpowie dobrze, ale jak zmienię np na rodzaj 5, to zostają mi jakieś 2 niepotrzebne zapisy, z którymi nie mogę sobie poradzić. Poniżej link do skryptu
http://blublus.cal.pl/lista0.php
oraz jego kod. Będę wdzięczny za pomoc.


<script language="javascript" type="text/javascript">
<!--
function zmien_m(rodzaj)
{
l2=document.zzzz.dane;
ile=document.zzzz.dane.options.length;
for (i=0;i<ile;i++)
{
jj=i;
document.zzzz.dane.options[jj]=null;
}

ile_lista1=50;
opcje=new Array(ile_lista1);
for (i=0;i<ile_lista1;i++) opcje[i]=new Array();
opcje[1][0]=new Option("0","Wybierz dane");
opcje[1][1]=new Option("9","m1111");
opcje[1][2]=new Option("10","m1111");
opcje[1][3]=new Option("11","m1111");
opcje[1][4]=new Option("12","m1111");
opcje[1][5]=new Option("13","m1111");
opcje[1][6]=new Option("14","m1111");
opcje[1][7]=new Option("15","m1111");
opcje[2][0]=new Option("0","Wybierz dane");
opcje[2][1]=new Option("17","m222");
opcje[2][2]=new Option("18","m222");
opcje[2][3]=new Option("19","m222");
opcje[2][4]=new Option("20","m222");
opcje[2][5]=new Option("21","m222");
opcje[2][6]=new Option("22","m222");
opcje[2][7]=new Option("23","m222");
opcje[3][0]=new Option("0","Wybierz dane");
opcje[3][1]=new Option("25","m333");
opcje[3][2]=new Option("26","m333");
opcje[3][3]=new Option("27","m333");
opcje[3][4]=new Option("28","m333");
opcje[3][5]=new Option("29","m333");
opcje[3][6]=new Option("30","m333");
opcje[3][7]=new Option("31","m333");
opcje[4][0]=new Option("0","Wybierz dane");
opcje[4][1]=new Option("25","m444");
opcje[5][0]=new Option("0","Wybierz dane");
opcje[5][1]=new Option("25","m555");
opcje[6][0]=new Option("0","Wybierz dane");
opcje[6][1]=new Option("25","m666");
opcje[7][0]=new Option("0","Wybierz dane");
opcje[7][1]=new Option("25","m777");
opcje[8][0]=new Option("0","Wybierz dane");
opcje[8][1]=new Option("25","m888");
opcje[9][0]=new Option("0","Wybierz dane");
opcje[9][1]=new Option("25","m999");
opcje[10][0]=new Option("0","Wybierz dane");
opcje[10][1]=new Option("25","m100");
opcje[11][0]=new Option("0","Wybierz dane");
opcje[11][1]=new Option("25","m11 111");
opcje[12][0]=new Option("0","Wybierz dane");
opcje[12][1]=new Option("25","m12 112");
opcje[13][0]=new Option("0","Wybierz dane");
opcje[13][1]=new Option("25","m13 113");
opcje[14][0]=new Option("0","Wybierz dane");
opcje[14][1]=new Option("25","m14 114");
opcje[15][0]=new Option("0","Wybierz dane");
opcje[15][1]=new Option("25","m15 115");
opcje[16][0]=new Option("0","Wybierz dane");
opcje[16][1]=new Option("25","m16 116");
for (i=0;i<opcje[rodzaj].length;i++)
document.zzzz.dane.options[i]=new Option(opcje[rodzaj][i].value,opcje[rodzaj][i].text);
}
// -->
</script>


<?
print("<form name=zzzz>");
print("<select name=\"rodzaj\" onChange=\"zmien_m(this.options.selectedIndex)\">");
print("<option value=\"0\">Wybierz rodzaj");
for($i=1;$i<=16;$i++)
print("<option value=\"$i\"> Rodzaj $i");
print("</select><br>");
print("<select name=\"dane\">");
print("<option value=\"0\">wybierz dane");
print("</select>\n");
print("</form>");
?>