0
<form class="form-inline mt-2 mt-md-0 position-relative" autocomplete="on">
     <input class="form-control mr-sm-2 sec border-primary placeholder-white text-white" type="text" placeholder="Buscar" aria-label="Search" id="search" autocomplete="on">
     <button class="btn text-primary my-2 my-sm-0" style="margin-left: -50px;" type="submit"><i class="bi bi-search"></i></button>
</form>

Este es mi formulario para hacer un buscador, estoy utilizando ajax. Este es el código:

$('#search').autocomplete({
        source: function (request, response) {
            $.ajax({
                url: "{{route('buscar.servicio')}}",
                dataType: 'json',
                data: {
                    term: request.term
                },
                success: function (data) {
                    response(data);
                    console.log(data[0].nombre);
                }
            });
        }
    });

Estoy utilizando jqeury-ui y si funciona la consulta de los datos, ya que utilizo un console.log para mostrar los datos y si los muestra, pero algo anda mas en mi input, no muestra los datos del autocomplete.

Muestra esto: introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

Por que sale una barra blanca envés del resultado?? y como lo soluciono?? Lo que muestra la consola es el resultado de la BD

1

1 respuesta 1

-1

Has probado el elemento datalist?

<form ...>
    <input list="datalist-id" type="text" ...>
    <button ...>
        <i class="bi bi-search"></i>
    </button>

    <datalist id="datalist-id">
        // llenar con ajax
        <option value="valor 1"></option>
        <option value="valor 2"></option>
        <option value="valor 3"></option>
        <option value="valor 4"></option>
    </datalist>
</form>
4
  • 2
    Esta respuesta creo que debe ir mas como comentario
    – DFG
    Commented el 26 oct. 2021 a las 1:15
  • Puede ser, pero en un comentario no me cabía el ejemplo.
    – IGP
    Commented el 26 oct. 2021 a las 5:41
  • ¿Por qué preguntar "Has probado el elemento datalist?" y un fragmento de html respondería la pregunta de OP? Commented el 26 oct. 2021 a las 16:44
  • Porque quiere un input con autocompletado dado por un listado predefinido.
    – IGP
    Commented el 26 oct. 2021 a las 18:00

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.