Mostrar valor en campo texto, segun cambie valor lista seleccionado

icarocu · #1 (**permalink**) 02/06/2016, 08:22

Estimados.
junto con saludarlos a todos, les agradcería su ayuda en lo siguiente...
Tengo una tabla en mysql, que uso para (mediante php), crear una lista/menu...

en la pagina html, asi es como llamo esta funcion ...

etc..etc.. ......... <td align="center"><label for="lista_1"></label> <label for="select"></label>

<?php lista_1(); ?>

<label for="textfield6"></label></td>........etc..etc..

la funcion lista es esta:....

function lista_1()
{
include '0-php/conexion.php';
conectar();
$consulta=mysql_query("SELECT id, opcion, descripcion FROM productos");

echo "<select name='lista_1' id='lista_1' onChange='cargaContenido(this.id),descripcion_1()' >";
echo "<option value='1'></option>";
while($registro=mysql_fetch_row($consulta))
{
echo "<option value='".$registro[1]."'>".$registro[1]."</option>";
}
echo "</select>";
}

AAAHORA...... lo que quiero y/o me gustaria hacer... es que dependiendo del valor que se seleccione de la lista ($registro[1]), me muestre en un campo de texto, la descripcion de lo que se seleccionó en la lista/menu, y que lo tengo almacenado en la columna de mysql como "$registro[2]"....

gracias por su guia o auyda...
saludos a todos

xerifandtomas · #2 (**permalink**) 02/06/2016, 12:35

Básicamente, tendrás que enviar la selección de la lista a otro php, en este archivo recoges los datos con post/get y haces una nueva consulta filtrando con el dato recogido.

Si pretendes hacerlo sin recargar la página, necesitarás usar ajax. Igualmente si el form o Select no tiene ningún submit para enviar el dato puedes hacerlo con js.

Igualmente decir que utilices el HIGHLIGHT del foro para postear código, nos facilita leerlo.

danteavo92 · #3 (**permalink**) 02/06/2016, 15:10

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>';
        exit;
    }
 
    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