Foros del Web » Programando para Internet » Javascript »

Cargar contenido de consulta acorde a opcion select escogida !!

Estas en el tema de Cargar contenido de consulta acorde a opcion select escogida !! en el foro de Javascript en Foros del Web. Un saludo a todos por aqui !! Primero y antes que nada dejejnme decirles que este es mi primer post asi que no estoy seguro ...
  #1 (permalink)  
Antiguo 04/01/2012, 08:15
 
Fecha de Ingreso: enero-2012
Mensajes: 2
Antigüedad: 12 años, 3 meses
Puntos: 0
Cargar contenido de consulta acorde a opcion select escogida !!

Un saludo a todos por aqui !!

Primero y antes que nada dejejnme decirles que este es mi primer post asi que no estoy seguro se sea la seccion correcta, de no serlo por favor que alguien lo mueva o me diga en donde postearlo.

La consulta es la siguiente:

Tengo una base de datos la cual claro esta tiene varias listas y la intencion es crear una funcion que depliegue cierta informacion acorde a las opciones seleccionadas, es decir ir creando un filtro por medio de Nselects hasta mostrar solo lo que nececito, un ejemplo seria el siguiente.. tengo una lista de paises, al seleccionar uno quiero que se habilite otro select que me permita seleccionar un estado, al seleccionar un estado que se habilite otro select que me permita seleccionar una ciudad y por ultimo al escoger una ciudad que se despliegue en un div informacion extensa sobre esta, es decir generar selects acorde a la opcion seleccionada y al llegar al ultimo mostrar la informacion en un div.

Les comento que hasta ahora creo que solo puedo generar el primer select sin problema pero de ahi en adelante no se como volver a llamar a la funcion para mandarle los valores necesarios y poder hacer la busqueda en la base de datos.

estoy usando jquery pero estoy abuierto a otras opciones, conocimiento casi nulo de ajax apenas estoy comenzando es por eso que pregunto aqui, el codigo que tengo hasta el momento es el siguiente:

index.php
###############################
<script type='text/javascript' src='../inc/scripts/jquery.min.js'></script>

</head>
<body>

<div>

<h3>Directorio</h3>
<p>Selecciona una opcion.</p>

<?PHP conectar_db(); ?>

<select name="municipio" onchange="genera_adscripcion();" id="municipio">
<?PHP
// genero la primera lista
cargar_municipio();
desconectar_db();
?>

<script language="JavaScript" type="text/javascript">
function genera_adscripcion(){

// Guardamos la Opcion seleccionada
var cual_municipio = $('#municipio option:selected').val();

$('#adscripcion').load('action.php?opcion='+cual_m unicipio);
}

</script>
</select>

<div id="adscripcion"></div>

</div>

</body>
</html>
#################################################

action.php
<?PHP

$municipio = $_GET['opcion'];

conectar_db();


//$cual_es = $cual_municipio;

$sql = mysql_query("SELECT * FROM lugar_adscripcion WHERE id_municipio =
'$municipio'");

if (mysql_num_rows($sql)!=0)
{
echo "<div><select name='adscripcion' id='adscripcion'>";
while($row= mysql_fetch_array($sql))
{
echo "<option value=".$row["id_adscripcion"].
">".$row["adscripcion"] ."</option>";
}
echo "</select></div>";
}
?>

#############################################

Probablemente sea sencillo pero la verdad no puedo encontrar un ejemplo sobre esto solo ejemplo de seguir cargando informacion en selects.

Ojala alguien me pueda ayudar, se agradece la ayuda de antemano.

Betillo

Etiquetas: js
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 00:39.