dubbel select box hjælp

<tr>
<td colspan="3" style="width: 360px; padding-left: 5px; border-left-style: solid; border-left-width: 1px; border-left-color:d8bc7e; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:d8bc7e; border-right-style: solid; border-right-width: 1px; border-right-color:d8bc7e; ">
<select name="woodkat" style="width: 360px;">
<?php
$data = mysql_query('SELECT * FROM subkat ORDER BY woodkat');
while ($row = mysql_fetch_array($data)){
?>
<option value="<?=$row['woodkat'];?>" style="width: 360;"><?=$row['woodkat']?></option>
<?php
}
?>
</select>



Her skal der så være noget med at hvis der er sat en værdi i den første select så skal den vise denne her select og hente data fra mysql'en har hørt det skal laves i javascript / ajax
håber der er nogen der kan hjælpe mig



<select name="subkat" style="width: 360px;">
<?php
$data2 = mysql_query('SELECT * FROM subkat WHERE woodkat ="'.$woodkat.'"');
while ($row2 = mysql_fetch_array($data2)){
?>
<option value="<?=$row2['subkat'];?>" style="width: 360;"><?=$row2['subkat']?></option>
<?php
}
?>
</select>
<? } ?>
</td>
</tr>