Hints corresponding with the text right from the start

[quatzael]

Hi,

I like your jQuery-Autocomplete but I would find very useful if it was possible to add an option, in which hints would appear only if the first letters of the words match.
Now when I type first letter into the input, all the words that contain my letter will appear, but I need that only words starting at that letter would appear.

For example:
I am starting typing 'ne'.. and Maine would appear just because it contains 'ne' but I need that only Nebraska, New Hampshire, New Jersey, New Mexico and so on would appear..

I hope you get me.

Is it possible to add this little amendment??
I would really appreciate this.

Thanks.

[tkirda]

You can provide your own function that determines what should be included. See lookupFilter function in the source and documentation. In your case it should be:

lookupFilter: function (suggestion, originalQuery, queryLowerCase) {
    return suggestion.value.toLowerCase().indexOf(queryLowerCase) === 0;
}

[quatzael]

Thanks, that is exactly what I meant.

[quatzael]

Hi, I'm here again!
Is it also possible for the hints to have only the starting letters highlighted?
Example:
I am starting to type ROVER and when I type the first letter R, both the first and the last R is highlighted so it is like:
R O V E R. But I need only the first letter to be highlighted so it would be like: R O V E R.
Thanks.

[tkirda]

Hi, you will need to provide your own formatResult function. I slightly modified the default, this should do the job:

formatResult: function (suggestion, currentValue) {
    var reEscape = new RegExp('(\\' + ['/', '.', '*', '+', '?', '|', '(', ')', '[', ']', '{', '}', '\\'].join('|\\') + ')', 'g'),
        pattern = '^(' + currentValue.replace(reEscape, '\\$1') + ')';

    return suggestion.value.replace(new RegExp(pattern, 'gi'), '<strong>$1<\/strong>');
}

[albanR]

thanks @tkirda for the time you spent on answering that question, exactly what I needed.

[zaibkhan]

Hi,

How i can sort the result. I like to sort my suggestions that exact match letter come first and rest of the result after that. for example

when i type app the first result should show app, apple, application and and rest like other matching like web application etc.

Please help

[tkirda]

If results are coming from the server, then sorting is server responsibility. If client side, then you will need to alter the source in the getSuggestionsLocal function and sort data before returning.

[zaibkhan]

thanks i fixed :)