Autocomplete de jquery y el valor que recibo, necesito id en vez del nombre

[Pajaranny]

Hola amigos,

Tengo un autocomplete con jquery que funciona perfecto. Me muestra todas las series que tengo en una base de datos y cuando selecciones el input coge el nombre de la serie.

El problema es que cuando hago un envio a otra página necesitaría que en vez del nombre me pasara la variable id_serie.

Eso es posible? este es mi codigo:

Código PHP:

  <?php
    
    // PHP5 Implementation - uses MySQLi.
    // mysqli('localhost', 'yourUsername', 'yourPassword', 'yourDatabase');
    $db = new mysqli('localhost', 'root' ,'', 'series');
    
    if(!$db) {
        // Show error if we cannot connect.
        echo 'ERROR: Could not connect to the database.';
    } else {
        // Is there a posted query string?
        if(isset($_POST['queryString'])) {
            $queryString = $db->real_escape_string($_POST['queryString']);
            
            // Is the string length greater than 0?
            
            if(strlen($queryString) >0) {
                // Run the query: We use LIKE '$queryString%'
                // The percentage sign is a wild-card, in my example of countries it works like this...
                // $queryString = 'Uni';
                // Returned data = 'United States, United Kindom';
                
                // YOU NEED TO ALTER THE QUERY TO MATCH YOUR DATABASE.
                // eg: SELECT yourColumnName FROM yourTable WHERE yourColumnName LIKE '$queryString%' LIMIT 10
                
                $query = $db->query("SELECT nombre,id_serie FROM a_serie WHERE nombre LIKE '$queryString%' LIMIT 10");
                if($query) {
                    // While there are results loop through them - fetching an Object (i like PHP5 btw!).
                    while ($result = $query ->fetch_object()) {
                        // Format the results, im using <li> for the list, you can change it.
                        // The onClick function fills the textbox with the result.
                        
                        // YOU MUST CHANGE: $result->value to $result->your_colum
                         echo '<li onClick="fill(\''.$result->id_serie.'\');">'.$result->nombre.'</li>';
                     }
                } else {
                    echo 'ERROR: There was a problem with the query.';
                }
            } else {
                // Dont do anything.
            } // There is a queryString.
        } else {
            echo 'There should be no direct access to this script!';
        }
    }
?>   

Con esta línea SELECCIONO SERIE, y se muestra el ID, y asi está MAL SOLUCIONADO pero SOLUCIONADO. Querría que se mostrar el nombre y guardara el id por detrás:

Código PHP:

  echo '<li onClick="fill(\''.$result->id_serie.'\');">'.$result->nombre.'</li>';  
   

Esto es mi html, aparte del scritp que me devuelve el valor:

<input name="return_serie" type="text" class="serie" value='' id="inputString" onKeyUp="lookup(this.value);" onBlur="fill();">

[NSD]

Querría que se mostrar el nombre y guardara el id por detrás:

tendrias que trabajar con un campo hidden donde guardas el id para lograr tu objetivvo. este campo debes agregarlo y actualizarlo junto con el nombre. saludos

[Reedyseth]

Falta que te expliques más, aqui muestras códigos pero ni siquiera muestras como estas envíando la información, lo que dice NSD es una forma viable, pero no explicas bien como lo haces, el id lo pones en un li que casi creo es se pone en el combobox desplegable.

Con la información que tienes lo que se me ocurre es que cuando selecciones la serie, copies el id que viene de la bd en el input hidden como dice NSD y ya al hacer el post va el id que necesitas.

De nuevo tienes que mostrar el código con el que usas el autocomplete, ahí es donde tomas el evento de seleccion de la serie y puedes asignar el id al input.

[exmatuz]

Iniciado por Reedyseth

Falta que te expliques más, aqui muestras códigos pero ni siquiera muestras como estas envíando la información, lo que dice NSD es una forma viable, pero no explicas bien como lo haces, el id lo pones en un li que casi creo es se pone en el combobox desplegable.

Con la información que tienes lo que se me ocurre es que cuando selecciones la serie, copies el id que viene de la bd en el input hidden como dice NSD y ya al hacer el post va el id que necesitas.

De nuevo tienes que mostrar el código con el que usas el autocomplete, ahí es donde tomas el evento de seleccion de la serie y puedes asignar el id al input.

Amigo, como se podria hacer todo eso que explicaste, pero usando json? yo tengo ese mismo problema, tengo un campo donde realizo el autocompletado con jquery de un campo llamado nombre en mi bd , pero quiero capturar el id en un campo oculto del formulario. alguna idea? saludos

[exmatuz]

Yo lo logré de esta manera, no se si ya tu lo resolviste

Search.php

Código PHP:

<?php
 
if (isset($_GET['term'])){
    $return_arr = array();
 
    try {
        $conn = new PDO('mysql:host=localhost;dbname=db_saga', 'exal', '1990');
        $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
 
        $stmt = $conn->prepare("SELECT id_paciente, concat_ws(' ', nombre, apepat, apemat) AS paciente FROM tblc_paciente WHERE concat_ws(' ', nombre, apepat, apemat) LIKE :term");
        $stmt->execute(array('term' => '%'.$_GET['term'].'%'));
 
        while($row = $stmt->fetch()) {
 
           $return_arr[] = array('value' => $row['paciente'], 'id' => $row['id_paciente']);
 
        }
 
    } catch(PDOException $e) {
        echo 'ERROR: ' . $e->getMessage();
    }
 
    header('Content-type: application/json');
    /* Toss back results as json encoded array. */
    echo json_encode($return_arr);
}
 
?>
 

index.html

Código HTML:

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="css/jquery-ui-1.10.3.custom.min.css">
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.10.3.custom.min.js"></script>
    <script type="text/javascript">
    $(function() {
            //autocomplete
            $(".auto").autocomplete({
                source: "search.php",
                minLength: 1,
                select: function(event, data) {
                    $("#id_paciente").val(data.item.id);
                    $(".auto").val(data.item.value);
                },
            });
        });
 
    </script>
</head>
<body>
    <form method="post" action="insert_paciente.php">
        <p><label>paciente:</label><input type='text' id='title' name='title' value='' class='auto'></p>
        <p>Inicio de cita:<label></label><input type='text' id='inicio' name='inicio'></p>
        <p><label>Fin de cita:</label><input type='text' id='fin' name='fin'></p>
        <p><label>Status:</label><input type='text' id='status' name='status'></p>
        <input  type='hidden' id='id_paciente' name='id_paciente'></p>
        <p><label>doctor:</label><input  type='text' id='id_trabajador' name='id_trabajador'></p>
        <input type="submit">
    </form>
 
</body>
</html>
 

en el input .auto hago la busqueda del nombre, al seleccionar el nombre que busco, y su id se manda a un input hidden.

[leandro_or]

hola exmatuz
estuve probando tu codigo pero no pude hacerlo funcionar... aunque no creas es exactamente lo que ando buscando, te agradeceria mucho si me pudieras orientar un poco mas al respecto...
gracias

[exmatuz]

Bien, creo que le puse cosas de más que no te ivan a servir, te dejo el codigo mas sintetizado:

Código PHP:

<?php
 
if (isset($_GET['term'])){
    $return_arr = array();
 
    try {
        $conn = new PDO('mysql:host=localhost;dbname=nombre_db', 'root', 'root');
        $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
 
        $stmt = $conn->prepare("SELECT id, nombre FROM tabla WHERE nombre LIKE :term");
        $stmt->execute(array('term' => '%'.$_GET['term'].'%'));
 
        while($row = $stmt->fetch()) {
 
           $return_arr[] = array('value' => $row['nombre'], 'id' => $row['id']);
 
        }
 
    } catch(PDOException $e) {
        echo 'ERROR: ' . $e->getMessage();
    }
 
    header('Content-type: application/json');
   
    echo json_encode($return_arr);
}
 
?>
 

Date cuenta que en el array, 'value' toma el valor de nombre, e 'id' toma el valor de id, no debes poner poner por ejemplo, 'nombre' => $row['nombre'], ya que jquery no te reconocerá 'nombre', ya que 'value' e 'id', son como palabras reservadas (o así mas o menos lo interpreto).

Código Javascript:

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="css/jquery-ui-1.10.3.custom.min.css">
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.10.3.custom.min.js"></script>
    <script type="text/javascript">
    $(function() {
           
            $(".auto").autocomplete({
                source: "search.php",
                minLength: 1,
                select: function(event, data) {
                    $("#captura_id").val(data.item.id);
                    $(".auto").val(data.item.value);
                },
            });
        });
 
    </script>
</head>
<body>
    <form method="post" action="insert.php">
        <p><label>nombre:</label><input type='text' id='nombre' name='nombre' value='' class='auto'></p>
        <input  type='text' id='captura_id' name='captura_id'></p>
        <input type="submit">
    </form>
 
</body>
</html>
 

por razones que no entiendo, en el campo donde hago el autocompletado, si le pongo un id (por ejemplo #auto) no me hace el autocompletado, necesariamente debe ser clase (ejemplo .auto) aun no se porqué.

espero me haya explicado, saludos

[leandro_or]

Muchisimas gracias.... muchisisisisisisimas gracias... te debo miles....

[vesper_metal90]

Hola que tal como estan yo tengo una duda por que usaron JSON
se puede haber usado un return?

Código PHP:

echo json_encode($return_arr);
 

Código PHP:

return $return_arr;