lo que tienes que hacer es esto.
Vamos a tener la página principal donde esta tu list(yo prefiero trabajar con select2) que se llamara principal.php
(select2 te permite escribir tu busqueda y va filtrando ls resultados, si no quieres no es obligatorio que trabajes con select2)
tendre mis conexiones en conexion.php
tendriamos lo siguiente
conexion.php
Código PHP:
Ver original<?php
$usuario_login = $usuarios_sesion;
try {
//yo utilizo informix
$conn = new PDO("informix:host=10....; service=...;database=basededatos; server=servidor; protocol=onsoctcp;EnableScrollableCursors=1;CLIENT_LOCALE=en_US.CP1252;DB_LOCALE=en_US.819", "usuario", "password");
//echo 'Connected succesfully.<br>';
}
catch (PDOException $e) {
echo '<p>Cannot connect to database !!</p>';
}
return $conn;
?>
Principal.php
Código PHP:
Ver original<?php
include(conexion.php)
$sqll = ("select * from persona ");
$resultl = $conn->query($sqll);
$valorl = $resultl->fetchAll();
$combo_nombre .= "<option value=''selected>Seleccione una opción</option>";
foreach ($valorl AS $resultl)
{
//el campo 2 es apellido paterno, el 3 es materno y el 1 es nombre asi que por eso concatenos en nom_nom
$nom_noml = trim($resultl[2])." ".trim($resultl[3])." ".trim($resultl[1]); //el valor que obtendremos al seleccionar estará en mi campo 0
$combo_institucion.= "<option value='".$resultl[0]."'>".utf8_encode($nom_noml)."</option>"; }
?>
<!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">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<head>
<title>combobox</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
//debes descargarte select2 y ponerles las librerias donde corresponden
<script src="js/select2.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="css/select2.css">
//este escript es el que es necesario para que funcione el select2
<script type="text/javascript" charset="utf-8">
$().ready(function () {
$(".js-states").select2();
});
$(document).ready(function() {
// Parametros para el combo
$("#institucion").change(function () {
$("#institucion option:selected").each(function () {
//capturamos el valor seleccionado de nuestro select en elegidos
elegido=$(this).val();
//por post mandamos nuestro valor a otra pagina que se llamara descrip.php
$.post("descrip.php.php", { elegido: elegido }, function(data){
//y aca llenemos los divs con los datos que nos deveulva desc.php
var arreglo = new Array();
arreglo = data.split('[-]');
$("#div1").html(arreglo[0]);
$("#div2").html(arreglo[1]);
$("#div3").html(arreglo[2]);
});
});
});
});
</script>
</head>
<body>
<!-- tengo mis css por defefecto asi que cambialos como quieras-->
<div STYLE="background-color:#bbbbbb">
<form class="form-horizontal" name="formulario" action="" method="post">
<div class="control-group">
<strong class="control-label" for="institucion">Institución</strong>
<div class="controls" id = "divInstitucion">
<select class="js-states form-control" name="institucion" id="institucion" required>
<?php echo $combo_institucion;?>
</select>
</div>
</div>
</form>
</div>
<div STYLE="background-color:rgb(205,210,205)">
<form class="form-horizontal" name="formulario" action="" method="post">
<div class="control-group" id="divDatos" style="display: none">
<strong class="control-label" for="dat"></strong>
<!-- este es el div donde pondra el primer arreglo-->
<div class="controls" name="div1" id="prueba"></div>
</div>
<div class="control-group" id="divDatos1" style="display: none">
<strong class="control-label" for="dat">Institución:</strong>
<!-- este es el div donde pondra el segundo arreglo-->
<div class="controls" name="div2" id="prueba1">
</div>
</div>
<div class="control-group" id="divDatos12" style="display: none">
<strong class="control-label" for="dat">Institución:</strong>
<!-- este es el div donde pondra el tercer arreglo-->
<div class="controls" name="div3" id="prueba12">
</div>
</div>
</form>
</div>
</BODY>
</HTML>
como te dije el valor elejido lo pasaremos a otro php que se llamara desc.php
desc.php
Código PHP:
Ver original<?php
include('conexion.php');
//recibimos el valor del select
$id_id=$_POST["elegido"];
$salida0="";
$combog0 = ("SELECT DISTINCT ci, telefono FROM persona WHERE id = $id_id");
$result0 = $conn->query($combog0);
$valor0 = $result0->fetchAll();
foreach ($valor0 AS $result0)
{
$salida0 .= "<label>".$result0[1]."</label>";
}
$salida1 ="";
$sql1 = ("SELECT DISTINCT ci, direccion FROM persona WHERE id = $id_id");
$mysql1 = $conn->query($sql1);
$des1 = $mysql1->fetchAll();
foreach ($des1 AS $mysql1) {
$nom_nom = trim($mysql1[1])." ".trim($mysql1[2])." ".trim($mysql1[0]); $salida1 .= "<label>".utf8_encode($nom_nom)."</label>"; }
$salida2="";
$combog2 = ("SELECT DISTINCT * FROM persona WHERE id = $id_id");
$result2 = $conn->query($combog2);
$valor2 = $result2->fetchAll();
foreach ($valor2 AS $result2)
{
$salida2 .= "<label>".$result2[3]."</label>";
}
echo $salida0."[-]".$salida1."[-]".$salida2;
?>
Espero te ayude