Custom search function for jQuery UI Autocomplete

Question

Is there a way to override its default search algorithm?

The changes I want to make are:

Prioritize words that start with the search term at the top of the suggested results.
Return a maximum of 5 results (instead of the default behavior, which is to return all matching results, potentially creating a really tall dropdown box).

Nikita Rybak · Accepted Answer · 2010-09-12 00:28:05Z

2

Normally, it all should be done in back-end. Your server-side script defines in what order and how many results will be returned.

Alternatively (if back-end is not under your control), you can specify function as source attribute. In this function you can query back-end and process results in whatever way your want. E.g., here's an example
http://jqueryui.com/demos/autocomplete/#multiple-remote

answered Sep 12, 2010 at 0:28

Nikita Rybak

68.2k22 gold badges163 silver badges183 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Emmett Over a year ago

The data is on the front end already, so I don't need to do anything with the back end. I just need to change the way the results are ordered.

Nikita Rybak Over a year ago

@Emmett Ok, I misunderstood it. According to the docs, your only option now is using function as source and doing comparisons/ordering manually. You can also use another (possibly more popular) autocomplete plugin which has option to limit number of results and many more: docs.jquery.com/Plugins/Autocomplete

Collectives™ on Stack Overflow

Custom search function for jQuery UI Autocomplete

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related