Traté de crear Autocompletar usando jQuery Ajax. Básicamente, quiero realizar una búsqueda de autocompletar con un campo dinámico agregado. Pero mientras escribo en el campo de entrada, me dio este error.
Código JS
$(document).ready(function() { var arrayReturn = [] $.ajax({ url: "/suppliers", async: true, dataType: 'json', success: function(data) { for (var i = 0; i < data.length; i++) { var id = (data[i].id).toString(); arrayReturn.push({'value' : data[i].name, 'data' : id}) } printSupplier(arrayReturn); } }); function printSupplier(suppliers) { $('#purchase_item_search').autocomplete({ lookup: suppliers, onSelect: function (result) { $('#autocom-box').html(result.value); } }); } });Problema resuelto.
$(document).ready(function() { $("#purchase_item_search").on('keyup', function() { var arrayReturn = [] $.ajax({ url: "/suppliers", dataType: 'json', success: function(data) { // console.log(data['suppliers'].length); for (var i = 0; i < data['suppliers'].length; i++) { var id = (data['suppliers'][i].id).toString(); arrayReturn.push({ 'value': data['suppliers'][i].name, 'data': id }) } printSupplier(arrayReturn); } }); function printSupplier(options) { $('#purchase_item_search').autocomplete({ source: options, onSelect: function(result) { // $('#autocom-box').html(result.value); console.log(result); } }); } }); });