Foros del Web - Ver Mensaje Individual - Autocomplete de jquery y el valor que recibo, necesito id en vez del nombre

exmatuz · #5 (**permalink**) 01/08/2013, 15:09

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

Search.php

Código PHP:

Ver original<?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:

Ver original<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.