jQuery UI Autocomplete - search from the beginning of the string

Question

I want to set Jquery UI plugin to search only from the beginning of the string. I find some simillar questions but no usable answer. I have this code:

$.ajax({
        url: "{!$basePath}/mesta.xml",
        dataType: "xml",
        success: function( xmlResponse ) {
            var data = $( "city", xmlResponse ).map(function() {
                return {
                    value: $( "name", this ).text(),
                    id: $( "name", this ).text()
                };
            }).get();
            $( ".autocomplete" ).autocomplete({
                source: data,
                minLength: 0
            });
        }
    });

Thank you.

Is this what you are looking for? http://stackoverflow.com/questions/2382497/jquery-autocomplete-plug-in-search-configuration — Samich, Oct 16 '11 at 14:46
Or this? http://stackoverflow.com/questions/5791379/jquery-autocomplete-ui-search-at-beginning — Samich, Oct 16 '11 at 14:47
I know these topics but I don't know ho to aplicate it to my code. — Darkry, Oct 16 '11 at 15:00
I dont know how to implement it. Because I read the data from an XML file. — Darkry, Oct 16 '11 at 16:19

score 4 · Accepted Answer · answered Oct 16 '11 at 23:46

Just apply what is in the link @Samich posted to your source option:

source: function(req, response) { 
    var re = $.ui.autocomplete.escapeRegex(req.term); 
    var matcher = new RegExp( "^" + re, "i" ); 
    response($.grep( data, function(item){ 
        return matcher.test(item.value); }) ); 
 },

And here is a fiddle demo: http://jsfiddle.net/jensbits/PekQZ/

jQuery UI Autocomplete - search from the beginning of the string

1 Answers1