How to limit the number of results in jQuery autocomplete?

Question

I have searched enough, but am not able to find the solution to this. Could you please help me out.

I have a table which has around 700 records, and I want the autocomplete to display not more than 5 records in the result. It should have a scroll bar.

score 4 · Accepted Answer · answered Feb 06 '14 at 11:08

4

Unfortunetely there is no bulit in property to set max limit. You can use:

$("#autocmplt").autocomplete({
source: function(req, response) {
    var results = $.ui.autocomplete.filter(myarray, req.term);

    response(results.slice(0, 5));//for getting 5 results
   }
});

Working Demo

answered Feb 06 '14 at 11:08

Milind Anantwar

81,290
25
94
125

Hi, thanks. Can you please guide me as to where I should place this code. I am a total newbie, and code very rarely. – Deepak B M Feb 06 '14 at 13:29
@DeepakBM: the place where you have set `autocomplete`.add source parameter like above example. – Milind Anantwar Feb 06 '14 at 14:28
@MilindAnantwar .. what's req.term for ? Can u explain it – ridoansaleh May 26 '17 at 03:17
@RidoanSalehNasution: https://forum.jquery.com/topic/what-is-request-term – Milind Anantwar May 26 '17 at 06:15

How to limit the number of results in jQuery autocomplete?

1 Answers1