Autocomplete Select usando jQuery Ajax, PHP y MySQL

Primero colocamos el html donde podemos mencionar un input desde donde haremos la consulta autocomplete.

<div class="col-md-3">
                                    <input type="text" class="form-control"  id="descripcion" name="descripcion" value="" />                                    
                                </div>
Como segundo paso podemos mencionar el archivo js o el fragmento de java script,

                $("#descripcion").autocomplete({
                    dataType: 'JSON',
                    source: function (request, response) {
                        $.ajax({
                            url: 'buscar.php',
                            type: "POST",
                            dataType: "JSON",
                            data: { query: request.term, codigo: 1},
                            success: function (data) {
                                response($.map(data, function (item) {
                                    return { value: item.id, label: item.descripcion, id: item.id, descripcion: item.descripcion,  idunidadmedida: item.idunidadmedida };
                                }));
                            }
                        });
                    },
                    select: function (e, ui) {
                        $("#descripcion").val(ui.item.id);
               
                    }
                });


Comentarios

Entradas más populares de este blog

AGUALIMA SAC SOLICITA 200 TRABAJADORES AGRÍCOLAS PARA COSECHA DE ARÁNDANOS Y LABORES

AGROVISION PERÚ SOLICITA TABAJADORES AGRÍCOLAS PARA CAMPAÑA DE COSECHA DE ARÁNDANOS 2024

DANPER TRUJILLO SAC SOLICITA TRABAJADORES AGRÍCOLAS PARA PODA DE ARÁNDANOS