Foros del Web » Programando para Internet » Javascript »

Selects anidados

Estas en el tema de Selects anidados en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 17/10/2012, 14:40
 
Fecha de Ingreso: febrero-2012
Mensajes: 99
Antigüedad: 12 años, 10 meses
Puntos: 4
Selects anidados

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
  #2 (permalink)  
Antiguo 17/10/2012, 15:00
Avatar de Dradi7  
Fecha de Ingreso: junio-2008
Ubicación: Peru - Lima
Mensajes: 1.518
Antigüedad: 16 años, 6 meses
Puntos: 220
Respuesta: Selects anidados

Para esto debes usar Ajax, en el foro existen múltiples ejemplos de esto por favor utiliza la herramienta para que puedas encontrar la solución

Saludos
__________________
La clave de todo triunfador es eliminar todas sus excusas y sus limitaciones
  #3 (permalink)  
Antiguo 17/10/2012, 15:09
 
Fecha de Ingreso: febrero-2012
Mensajes: 99
Antigüedad: 12 años, 10 meses
Puntos: 4
Respuesta: Selects anidados

Ya encontre la solucion: para el que la necesita, use jquery

<script language="JavaScript" type="text/JavaScript">
$(document).ready(function(){
$("#Provincias").change(function(event){
$("#Localidades").attr("disabled", false);
var id = $("#Provincias").find(':selected').val();
$("#Localidades").load('Cargar_Localidades.php?id= ' + id);
});
});
</script>

acuerdense de agregar la libreria jquery que sin eso no fuinciona
  #4 (permalink)  
Antiguo 17/10/2012, 15:14
Avatar de Dradi7  
Fecha de Ingreso: junio-2008
Ubicación: Peru - Lima
Mensajes: 1.518
Antigüedad: 16 años, 6 meses
Puntos: 220
Respuesta: Selects anidados

brai_lf

No entiendo porque necesariamente puedes usar jQuery para hacer esto y no lo puedes hacer con puro Javascript tu proyecto es grande primeramente, vas a usar todo el potencial de jQuery sino es asi es un gasto de recursos innecesarios

Saludos
__________________
La clave de todo triunfador es eliminar todas sus excusas y sus limitaciones

Etiquetas: anidados, funcion, php, select, selects
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:40.