Inhalt von SELECT2 gemäss Auswahl in SELECT1

Hallo zusammen!

Ich habe auf einer Seite zwei SELECT-Felder. Nun möchte ich, dass je nach Auswahl im ersten SELECT im zweiten SELECT verschiedene Werte angezeigt werden.

Bsp.: Im ersten SELECT habe ich die OPTIONs „Deutschland“ und „Österreich“. Wenn der User im ersten Feld „Deutschland“ wählt, sollen im zweiten SELECT die deutschen Bundesländer angezeigt werden, wählt er im ersten „Österreich“, sollen im zweiten die österreichischen Bundesländer angezeigt werden.

Das ganze soll nicht über ein Senden des Forumlars passieren (=kein Neuaufbau der Seite).

Kann mir jemand helfen?

Gruss
Daniel

cs = new Array( new Array(), new Array('a1','a2'), new Array('b1','b2'));

function baeumchenwechseldichundzeigmirwas(arg1)
 {
 os = document.forms[0].elements[1].options ;

 // alte elemente wegschmeissen
 os.length=0;

 //durch das element in cs gehen, dessen index mit select 1 ausgewaehlt wurde 
 for ( i in cs[arg1])
 {
 // die letzte optin soll ein neues Optionindex sein,
 // mit den indice aus cs[arg], als value und den values aus cs[arg] als text
 os[os.length] = new Option(cs[arg1][i],i);
 }
 } 

nixab

ps: die dummyeintraege sind fuer nn4, weiss jetzt nicht ob das auch eleganter geht…