Wednesday, October 14, 2015

How to set number of suggestions to show with jQuery UI autocomplete

There is no native way to limit results in jQuery UI autocomplete widget. You have two options to achieve your target:
  1. You can limit returned results on the server side.
  2. You can modify results on client side by slicing results array:
$("#autocomplete_input").autocomplete({
    source: function(request, response) {
        var results = $.ui.autocomplete.filter(yourarray, request.term);
        response(results.slice(0, 15));
    }
});