Selects anidados

[brai_lf]

Hola, como andan? Lo que necesito hacer es lo siguiente. tengo en mi base de datos una tabla con Provincias y otra con localidades por provincia (es decir que esta el nombre de la localidad y el id de la provincia de la tabla provincias).

necesito hacer un <select></select> el cual tenga las provincias y que al hacer click en alguna se carge en otro select las localidades.

Yo tengo hecho el primer select que lo carge con php:

<select class="prov" name="Provincias">
<?php
Cargar_provincias();
?>
</select>

y el php:

Function Cargar_provincias(){
$sql = "SELECT provincia, id FROM provincias ORDER BY provincia asc";
$resul=mysql_query($sql);
if($resul){
while($recorro=mysql_fetch_assoc($resul))
{
echo "<option value='".$recorro['id'] ."' > ". $recorro["provincia"]."</option>";
}
}
}

Y ya cree el otro select:


<select class="barrio" name="dia" id="Loc">
</select>

el cual no tiene nada adentro.
en otro archivo php, cree una funcion que devuelve lo que iria adentro del segundo select.

<?php
$sql = "SELECT localidad, id FROM localidades WHERE id_privincia=1 ORDER BY localidad asc";
$resul=mysql_query($sql);
if($resul){
while($recorro=mysql_fetch_assoc($resul))
{
echo "<option value='".$recorro['id'] ."' > ". $recorro["localidad"]."</option>";
}
}
?>

Los problemas que tengo son 2: el primero es que a este ultimo archivo de php deberia pasarle la provincia o el id de la provincia el cual hizo click y no se como.

el segundo problema es que no se como cargar el segundo select con lo que me devuelve.

Muchas gracias