jQuery UI自动完成 - 从字符串的开头搜索

时间:2011-10-16 14:43:25

标签: jquery jquery-ui autocomplete jquery-autocomplete

我想将Jquery UI插件设置为仅从字符串的开头搜索。我找到了一些类似的问题,但没有可用的答案。 我有这段代码:

$.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
            });
        }
    });

谢谢。

1 个答案:

答案 0 :(得分:4)

只需应用@Samich链接到source选项的链接:

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); }) ); 
 },

这是一个小提琴演示:http://jsfiddle.net/jensbits/PekQZ/