0

Hola buenas tardes necesito ayuda con un problema . Quiero pasar los resultados a los textbox con js y no se como solo se mostrarlo en un label... Ayuda ..gracias

<!DOCTYPE html>
<html lang="es">
    <head>
        <title>Autocompletado</title>
        <meta charset="utf-8">
        <script src="js/jquery-1.11.3.min.js"></script>
        <script src="js/jquery-ui.js"></script>
        <script>
            $(function(){
                $("#buscador").autocomplete({
                    source: 'buscador.php',
                    select: function(event, ui){
                        $("#resultado").html(
                            '<h2>Detalles del Usuario:</h2>'  + 
                            'Nombre de Usuario: ' +  ui.item.value + '<br>' + 
                            'id de usuario: ' +   ui.item.id + '<br>' + 
                            'pa: ' +   ui.item.pa + '<br>' + 
                            'cel: ' +   ui.item.cel 
                        );
                    }
                });
            });

        </script>
    </head>
    <body>
        <div id="buscar">
            Buscador<input type="text" name="buscador" id="buscador" />
        </div>
        <div id="resultado">

        </div><br><br><br><br><br>
        <div>
             <input type="text" name="nombre" id="nombre" >
              <input type="text" name="pa" id="pa" />
               <input type="text" name="telefono" id="telefono" />
        </div>
    </body>
</html>

1 respuesta 1

0

En tu función de select debes poner los valores como values, parte deberias agregar un campo oculto con el valor del id para que luego funcione el submit de tu formulario

<!DOCTYPE html>
<html lang="es">
    <head>
        <title>Autocompletado</title>
        <meta charset="utf-8">
        <script src="js/jquery-1.11.3.min.js"></script>
        <script src="js/jquery-ui.js"></script>
        <script>
            $(function(){
                $("#buscador").autocomplete({
                    source: 'buscador.php',
                    select: function(event, ui){
                        $("#resultado").html(
                            '<h2>Detalles del Usuario:</h2>'  + 
                            'Nombre de Usuario: ' +  ui.item.value + '<br>' + 
                            'id de usuario: ' +   ui.item.id + '<br>' + 
                            'pa: ' +   ui.item.pa + '<br>' + 
                            'cel: ' +   ui.item.cel 
                        );

                        // Seteando los valores
                        $("#id").val(ui.item.id);
                        $("#nombre").val(ui.item.value);
                        $("#pa").val(ui.item.pa);
                        $("#telefono").val(ui.item.cel);
                    }
                });
            });

        </script>
    </head>
    <body>
        <div id="buscar">
            Buscador<input type="text" name="buscador" id="buscador" />
        </div>
        <div id="resultado">

        </div><br><br><br><br><br>
        <div>
            <input type="hidden" name="id" id="id" > <!-- Colocar el ID  -->
            <input type="text" name="nombre" id="nombre" >
            <input type="text" name="pa" id="pa" />
            <input type="text" name="telefono" id="telefono" />
        </div>
    </body>
</html>
1
  • 1
    Graacias me sirvio . Commented el 28 feb. 2018 a las 20:21

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.