Incluir lista de paises en formulario.

AJDM · #1 (**permalink**) 26/06/2013, 09:58

Saludos amigos,

Me acerco a este foro pues tengo una tarea que cumplir y mis conocimientos en PHP no son tan fuertes como considero deberían para llevar a cabo la tarea.

La situación en la siguiente tengo un sistema ya hecho el cual ya tiene toda la logica implementada. En este sistema hay un par de formularios donde hay campos de paises, estados y ciudades que están en textbox, pero necesito cambiarlo a listbox, donde la lista ciudad depende del estado y este depende el pais.

Ya, cree las tres tablas en la base de datos las cuales contienen la información de los paises, estados y ciudad por supuesto con la relación correspondiente.

Ahora el asunto es como incluyo las lista desplegable en el formulario aprovechando la misma lógica de conexión que ya está implementada y luego como hago la busqueda correspondiente cuando un usuario seleccione un elemento de las listas dependientes.

Gracias mil por la ayuda.

Karmac · #2 (**permalink**) 26/06/2013, 10:15

¿Hablas de que un select dependa de otro? Mira esta búsqueda a ver si hallas una respuesta.

Saludos.

jcxnet · #3 (**permalink**) 26/06/2013, 10:16

Lo que necesitas son Listas dependientes, se consigue con ajax y php; en google puedes encontrar muchos ejemplos al respecto.

alexisverano · #4 (**permalink**) 26/06/2013, 10:39

AJDM,

Llegate a esta URL aqui tendras todo lo que necesitas:

http://www.formatoweb.com.ar/ajax/se...pendientes.php

Saludos,

AJDM · #5 (**permalink**) 26/06/2013, 14:16

Muchisimas gracias a todos por sus respuestas; ahora bien el problema que tengo es que no se como hacer para intervenir el código (formulario) para adicionar las listas despegables. Porque no sé como se incluye un listbox que se llene de un query a la tabla correspondiente.

Reedyseth · #6 (**permalink**) 26/06/2013, 14:37

Mira si lo que quieres es llenar un listbox/select/combobox, te tengo un tutorial donde te enseño como.

http://behstant.com/blog/?p=510

AJDM · #7 (**permalink**) 26/06/2013, 15:19

Cita:

Iniciado por Reedyseth

Mira si lo que quieres es llenar un listbox/select/combobox, te tengo un tutorial donde te enseño como.

[url]http://behstant.com/blog/?p=510[/url]

OK entiendo, voy a hacer algunas pruebas con tu código y con el del amigo alexisverano; cualquier cosa les comentará.

Muchisimas gracias....

Reedyseth · #8 (**permalink**) 26/06/2013, 15:39

Por nada, estamos para apoyar

AJDM · #9 (**permalink**) 26/06/2013, 16:30

Cita:

Iniciado por alexisverano

AJDM,

Llegate a esta URL aqui tendras todo lo que necesitas:

[url]http://www.formatoweb.com.ar/ajax/select_dependientes.php[/url]

Saludos,

Saludos amigo,

Estoy trabajando con lo que me recomiendas ahora bien; quisiera adaptarlo de una vez a la estructura de datos de pais, estado y ciudad y ya logré que el primer selector me liste los paises; como hago ahora que me liste los estados del pais seleccionado.
La estructura de las tablas es:
Pais
id, nombre, estado

Estado
nombre, idpais, capitalestado

Ciudad
nombre, idpais, estado

Como hago para integrar el código que me recomiendas a esa estructura de datos?

Desde ya mil gracias por tu apoyo amigo.

Gracias

AJDM · #10 (**permalink**) 27/06/2013, 09:49

Saludos amigos,

Buen día.

En función de poner a funcionar el ejercicio antes de hacer los cambios para las tablas correctas, he pasado buen rato de la mañana jugando con el y este tiene un detalle y es que luego de seleccionar el pais en el segundo selector se muestra la palabra elige pero la lista está vacia.

Alguna idea?

AJDM · #11 (**permalink**) 27/06/2013, 14:58

Saludos chicos;

Pues les cuento que googleando he encontrado exactamente lo que estaba buscando; tengo la lista de los paises, estados y ciudad de manera dependiente, ahora bien; las listas se muestran en un HTML y necesito pasarlo a un PHP. Como lo hago?

Este es el HTML:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	cargar_paises();
	$("#pais").change(function(){dependencia_estado();});
	$("#estado").change(function(){dependencia_ciudad();});
	$("#estado").attr("disabled",true);
	$("#ciudad").attr("disabled",true);
});

function cargar_paises()
{
	$.get("scripts/cargar-paises.php", function(resultado){
		if(resultado == false)
		{
			alert("Error");
		}
		else
		{
			$('#pais').append(resultado);			
		}
	});	
}
function dependencia_estado()
{
	var code = $("#pais").val();
	$.get("scripts/dependencia-estado.php", { code: code },
		function(resultado)
		{
			if(resultado == false)
			{
				alert("Error");
			}
			else
			{
				$("#estado").attr("disabled",false);
				document.getElementById("estado").options.length=1;
				$('#estado').append(resultado);			
			}
		}

	);
}

function dependencia_ciudad()
{
	var code = $("#estado").val();
	$.get("scripts/dependencia-ciudades.php?", { code: code }, function(resultado){
		if(resultado == false)
		{
			alert("Error");
		}
		else
		{
			$("#ciudad").attr("disabled",false);
			document.getElementById("ciudad").options.length=1;
			$('#ciudad').append(resultado);			
		}
	});	
	
}
</script>
<style type="text/css">
dt{font-size:200%;}
dd{font-size:150%;}
</style>
</head>

<body>
<dl>
<dt>Ubicaci&oacute;n:</dt>
	<dd>Pais:</dd>
    <dd>
        <select id="pais" name="pais">
            <option value="0">Selecciona Uno...</option>
        </select>
    </dd>

	<dd>Estado:</dd>
    <dd>
        <select id="estado" name="estado">
            <option value="0">Selecciona Uno...</option>
        </select>
    </dd>

	<dd>Ciudad:</dd>
    <dd>
        <select id="ciudad" name="ciudad">
            <option value="0">Selecciona Uno...</option>
        </select>
    </dd>
</dl>
<div align="left">
<input type="submit" value="Enviar formulario">
</div></td>
<td><div align="left">
<input type="Reset" value="Borrar formulario">
</div>
</body>
</html>

Como ven el ejercicio tiene dos botones uno es el enviar; la idea es colocar una validación de manera que si el usuario ha seleccionado un pais, tiene que seleccionar el estado y la ciudad.

Como lo hago?

Gracias mil muchachos por la motivación para seguir adelante.

AJDM · #12 (**permalink**) 10/07/2014, 17:11

Saludos a todos o por lo menos a quien lea este mensaje.

He encontrado en esta página exactamente lo que andaba buscando:
http://www.drbizarre.net/post/combob...n-poco-de-ajax

Pero el código tiene un pequeño bug y es que cuando selecciono una provincia como Distrito Federal en la lista de ciudad se cargan todas las ciudades que tiene esa provincia, en conclusión a la función hay que pasarle tanto la provincia como el pais.

Como lo hago?

Gracias mil....