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);
}
});
<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
Publicar un comentario