javascript - JQuery 自动完成搜索到字母

标签 javascript jquery jquery-ui jquery-autocomplete

我实现了自动完成,它使用 ajax post 从数据库中获取所有数据,并将它们作为项目添加到自动完成中。如下所示

jQuery.ajax({
     url: "--url--",
     dataType: 'jsonp',
     success: function(data){
        jQuery("#location_finder").autocomplete({
            source: function( request, response ) {
                var lookup = jQuery.ui.autocomplete.escapeRegex( request.term );
                var matcher = new RegExp( "^" + lookup, "i" );
                response( jQuery.grep(data, function(item){
                     return matcher.test(item);
                }));
            }
        });
    },
});

发布后的数据如下:

data = ['Berti','Simon','Çarli','Cherpa'];

在输入字段中输入字母“C”时,只显示“Cherpa”,但我也尝试向用户显示“Çarli”。我该如何处理它并为用户提供字母“C”和“Ç”的选项?提前致谢。

最佳答案

你可以试试:

var lookup = jQuery.ui.autocomplete.escapeRegex( request.term );
if(lookup.indexOf('C') != -1 || lookup.indexOf('Ç') != -1) {
    lookup.replace("C", "(C|Ç)");
    lookup.replace("Ç", "(C|Ç)")
}
var matcher = new RegExp( "^" + lookup, "i" );

关于javascript - JQuery 自动完成搜索到字母,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36780436/

相关文章:

javascript - 主脚本中的 Vuejs 模板限制

javascript - 在react+react-router-dom中将函数引用传递给sibling-ish

javascript - 两个元素上的 Jquery mouseleave 事件

jquery - 将用户名和密码发送到身份验证服务器时应考虑哪些最佳实践?

javascript - 如何使字符居中并始终在其周围填充无论屏幕尺寸如何

javascript - 如何使用javascript对日期数组进行排序?

javascript - 我如何使用 javascript 将这个 bootstrap html 表单传递到下一页?

JQuery UI 自动完成功能无法在 Firefox 中使用箭头键滚动

jquery ui 自动完成复杂搜索以及前后结果

javascript - 将 bootstrap-slider 与 jQuery UI 结合使用