hjælp til select bokse

hvordan laver man så man har 2 <select> bokse som skal følg


jeg skal bruge det til et artikelsystem hvor der er subkategorier

den ene boks er med hovedkategorierne


hovedkategori1
hovedkategori2
hovedkategori3
hovedkategori4


når man så har valgt feks hovedkategori1
så kommer alle underkategorierne i hovedkategori1
frem i den anden boks

underkategori1 til hovedkategori1
underkategori2 til hovedkategori1
underkategori3 til hovedkategori1
underkategori4 til hovedkategori1


jeg har selv forsøgt mig lidt frem men det virker ikke

<select>
<?
$kategorier = mysql_query("select * from artikel_kat");
while($kategori = mysql_fetch_assoc($kategorier)){
print "<option value='$kategori[katID]''><b>$kategori[kat]</b></option>";
}
?>
</select>

<select name="kategori">
<?
$subkategorier = mysql_query("select * from artikel_subkat where kategori='$kategori[katID]'");
while($subkategori = mysql_fetch_assoc($subkategorier)){
print "<option value='$subkategori[subkatID]'>$subkategori[kat]</option>";
}
}
?>
</select>