Hola a tod@s. Soy novato en este tema y espero que puedan ayudarme a resolver esta duda que tengo.
Deseo que el usuario al seleccionar un elemento de un select, se le genere una tabla sin necesidad de recargar la página.
El código que tengo hasta ahora es este y no se me ocurre que mas hacer.
Código:
$(function() {
$("#provincias").bind("change", function() {
$.ajax({
type: "GET",
url: "?controlador=Provincias&accion=buscar",
data: "tid="+$("#provincias").val(),
success: function(html) {
$("#tablaBarrios").html(html);
}
});
});
});
tablaBarrios es el id de una capa div y provincia es el id del select.
El código php es este:
Código PHP:
$provincia_id = $_SESSION['provincia_id'];
$sql="SELECT barrio_id, barrio_nom FROM barrios WHERE provincia_id=$provincia_id";
$result=mysql_query($sql);
$options="";
while ($row=mysql_fetch_array($result)) {
$tid=$row["barrio_id"];
$tname=$row["barrio_nom"];
$options.="<OPTION VALUE=\"$tid\">".$tname;
}
Lo que deseo hacer es que al seleccionar una provincia del listado que esta en el select me genere una tabla con el listado de barrios de esa provincia.
Desde ya les agradezco por su tiempo y la ayuda.