Foros del Web - Ver Mensaje Individual

pilucho · #20 (**permalink**) 01/04/2021, 18:41

Cita:

Iniciado por Alexis88

No estás usando los id correctos porque tus campos de texto no tienen id sino name.

Estas dos líneas:

Código Javascript:

Ver originallet inputBuscar = document.querySelector("#nombre"),
    inputFinal = document.querySelector("#nombre"),

Tienen que ser así:

Código Javascript:

Ver originallet inputBuscar = document.querySelector("[name=buscar]"),
    inputFinal = document.querySelector("[name=nombre]"),

Lo cambie y nada y resto del index.html y buscar2.php esta como publique arriba y nada seguramente ya no funciona este script

script2.js

Código Javascript:

Ver originallet inputBuscar = document.querySelector("[name=buscar]"), //<input> en donde se escribirá
    inputFinal = document.querySelector("[name=nombre]"), //<input> en donde se mostrará el dato seleccionado de la lista desplegable
    autocomplete = new autocomplete(); //Instancia del objeto
 
autocomplete.load({
    words: "buscar2.php", //Archivo en donde se realizará la búsqueda
    target: inputBuscar, //<input> en donde se escribirá y mostrarán los resultados
    value: "nombre", //Nombre del índice que contiene el dato a mostrarse
    select: function(data){
        inputFinal.value = data.nombre; //Aquí se mostrará el dato seleccionado de la lista desplegable
    }
});

si amigo aqui te vuelvo a copiar lo que deje arriba

Código HTML:

Ver original<!DOCTYPE html>
<html lang = "es">
    <head>
        <meta charset = "utf-8" />
        <title>Buscador</title>
        <link rel = "stylesheet" type = "text/css" href = "jquery-ui-css.css" />
        <link rel = "stylesheet" type = "text/css" href = "style.css">
        <script type = "text/javascript" src = "autocomplete-5.0.js"></script>
    </head>
    <body>
        <section id = "main">
            <label for = "buscar">Buscar:</label>
            <input type = "text" name = "buscar" id = "buscar" placeholder = "Ingresa el dato a buscar" autofocus />
        </section>
        <section id = "response">
            <img />
            <div id = "datos">
                <header>
                    <h1></h1>
                </header>
 
                <p>
                    <label class = "ref">Nombre</label>
                    <input type = "text" name = "nombre" class = "dato" />
                </p>
                
                <p>
                    <label class = "ref">Apellido:</label>
                    <label class = "dato"></label>
                </p>
 
                <p>
                    <label class = "ref">E-Mail:</label>
                    <label class = "dato"></label>
                </p>
            </div>
        </section>
        <script type = "text/javascript" src = "jquery.js"></script>
        <script type = "text/javascript" src = "jquery-ui.js"></script>
        <script type = "text/javascript" src = "script2.js"></script>
        
    </body>
</html>