To sammenhængende <select>

Jeg skal have to <select> til at afhænge dynamiske af hinanden. Indholdet i de to <select> bygger på udtræk fra en MySQL-database via PHP.

-----------------------------------------

I den første <select> vælger man et land:

<select name="land" size="1" onchange="Liste();">
<?
    $foresp2 = mysql_query("SELECT id, navn FROM lande WHERE region = '$data[id]' ORDER BY navn ASC");
    while($data2 = mysql_fetch_array($foresp2)){
?>
<option value="<?=$data2[id]; ?>"><?=$data2[navn]; ?></option>
<?
    }
?>
</select>

-----------------------------------------

I den anden <select> skal på baggrund af valget i den første (land) vælges en by:

<select name="sted" size="1">
<script language="javascript">
document.write(steder[land]);
</script>
</select>

-----------------------------------------

Før disse to <select> har jeg defineret funktionen "Liste()" samt tabellen "steder", der indeholder <option>'erne for hvert land:

<script language="javascript">
steder = new Array(199);
<?

    $foresp = mysql_query("SELECT id, navn FROM lande ORDER BY id ASC");
    while($data = mysql_fetch_array($foresp)){
           
?>steder[<?=$data[id]; ?>] = '<?

        $foresp2 = mysql_query("SELECT id, navn FROM steder WHERE land = '$data[id]' ORDER BY navn ASC");
        while($data2 = mysql_fetch_array($foresp2)){
   
?><option value="<?=$data2[id]; ?>"><?=$data2[navn]; ?></option>;<?
   
        }
       
?>';<?
   
    }
       
?>
   
function Liste() {
    land = document.stoppested.land.selectedIndex;
    return land;
}
</script>

-----------------------------------------

Mit problem er grundlæggende, at når et land er valgt ("onChange()") i <select>'en "land", så kommer <option>'erne ikke frem i <select>'en "sted".

Hvad mangler jeg eller gør jeg forkert?