Foros del Web » Programando para Internet » Jquery »

Combos dependientes by JQuery

Estas en el tema de Combos dependientes by JQuery en el foro de Jquery en Foros del Web. Buenas tardes, soy medio nuevo en JQuery y estoy intentando hacer que a partir de una selección de un combo primero, por ejemplo un combo ...
  #1 (permalink)  
Antiguo 01/04/2009, 06:18
 
Fecha de Ingreso: noviembre-2008
Mensajes: 15
Antigüedad: 16 años
Puntos: 0
De acuerdo Combos dependientes by JQuery

Buenas tardes, soy medio nuevo en JQuery y estoy intentando hacer que a partir de una selección de un combo primero, por ejemplo un combo de provincias, en el combo de municipios se me carquen solamente los municipios que corresponden a esa provincia solamente, pero de manera dinámica, es decir, mediante la búsqueda en la base de datos.Espero que alguien me pueda ayudar. Muchas gracias de antemano. Saludos
  #2 (permalink)  
Antiguo 01/04/2009, 13:09
Avatar de eall  
Fecha de Ingreso: noviembre-2008
Ubicación: Concepcion
Mensajes: 127
Antigüedad: 16 años
Puntos: 8
Respuesta: Combos dependientes by JQuery

Creí haber respondido ya este tema, pero al parecer borraron la entrada...

Hice un tutorial en mi blog que te puede ayudar.

La idea es generar el HTML en un archivo PHP e insertarlo mediante las funciones ajax que trae jQuery. es muy largo mostrarlo asi que si quieres ver el tutorial completo visita mi blog. lo puedes ver en mi perfil.

Adios.
  #3 (permalink)  
Antiguo 02/04/2009, 03:08
 
Fecha de Ingreso: noviembre-2008
Mensajes: 15
Antigüedad: 16 años
Puntos: 0
Respuesta: Combos dependientes by JQuery

Me parece muy bien tu explicacion en tu blog pero estoy programando en java y me resultaría más fácil si alguien puede explicarmelo en Java. Saludos y gracias
  #4 (permalink)  
Antiguo 22/02/2011, 10:09
 
Fecha de Ingreso: mayo-2007
Mensajes: 23
Antigüedad: 17 años, 6 meses
Puntos: 0
De acuerdo Respuesta: Combos dependientes by JQuery

Te dejo un codigo que me funciona perfecto:
dentro del header:
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script language="JavaScript" type="text/JavaScript">
$(document).ready(function(){
$("#depto").change(function(event){
var id = $("#depto").find(':selected').val();
$("#ciudad").load('genera-depto.php?id='+id);
});
});
</script>

en el body:
<tr><td class="celda" height="22" width="74">DEPTO: </td>
<td height="22" width="157"><?php
$res=@mysql_query("select * from depto");
printf ("<select name='depto' id='depto' style='font-family: Tahoma; font-size: 11px; width: 140px;' >");
echo "<option value=' ' selected>Selecciona un Depto</option>";
while($row1 = @mysql_fetch_array($res))
{
printf("<OPTION VALUE= %s> %s",$row1["id_depto"],htmlentities(strtoupper($row1["depto"])));
}
@mysql_free_result($res);
printf ("</select>");
?></td></tr>
<tr><td class="celda" width="74">CIUDAD :</td> <td width="157"><select name="ciudad" id="ciudad" style='font-family: Tahoma; font-size: 11px; width: 100px;'>
</select>
</td>

el codigo del archivo genera_depto.php

<?php
include ("../dbconnect.inc.php");

$consulta = "SELECT * from ciudad WHERE id_depto = ".$_GET['id'];
$query = @mysql_query($consulta);
while ($fila = @mysql_fetch_array($query)) {
echo '<option value="'.$fila['id_ciu'].'">'.htmlentities(strtoupper($fila['ciu'])).'</option>';
}@mysql_free_result($consulta);
?>

Espero te sirva
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 06:13.