Linea21

See also : https://github.com/search?utf8=%E2%9C%93&q=jquery+autocomplete&type=Repositories&ref=searchresults

Implementing https://select2.github.io/ to autocomplete will also replace multiselect library since it also covers this feature

https://select2.github.io/ relies on select box, so it won't let user enter values if javascript is disabled. Don't like this idea

https://github.com/devbridge/jQuery-Autocomplete should be a good alternative

See :

• http://openclassrooms.com/forum/sujet/autocompletion-accent
• http://alistapart.com/article/accent-folding-for-auto-complete
• https://github.com/aristus/accent-folding/

Solution came from here :

http://stackoverflow.com/questions/2127124/utf-8-problem-in-using-jquery-autocomplete-tags

$.TextboxList.Autocomplete.Methods = {

    standard: {
        filter: function(values, search, insensitive, max){
            var newvals = [];
            // fix @simo
            // regexp = new RegExp('\\b' + escapeRegExp(search), insensitive ? 'i' : '');
            // http://stackoverflow.com/questions/2127124/utf-8-problem-in-using-jquery-autocomplete-tags
            regexp = new RegExp('' + escapeRegExp(search), insensitive ? 'i' : '');

            for (var i = 0; i < values.length; i++){
                if (newvals.length === max) break;
                if (regexp.test(values[i][1])) newvals.push(values[i]);
            }
            return newvals;
        },

        highlight: function(element, search, insensitive, klass){
            // var regex = new RegExp('(<[^>]*>)|(\\b'+ escapeRegExp(search) +')', insensitive ? 'ig' : 'g');
            var regex = new RegExp('(<[^>]*>)|('+ escapeRegExp(search) +')', insensitive ? 'ig' : 'g');

            return element.html(element.html().replace(regex, function(a, b, c){
                return (a.charAt(0) == '<') ? a : '<strong class="'+ klass +'">' + c + '</strong>'; 
            }));
        }
    }

};