javascript - 使用 Devbridge Autocomplete，有没有办法检测到没有结果？

Question

我在输入字段类型文本上使用 Devbridge 自动完成 ( https://www.devbridge.com/sourcery/components/jquery-autocomplete ) 并从数组中读取结果。

有没有办法:

1) 只允许从结果列表中进行选择，而不能在字段中键入任何其他内容

2)如果没有找到结果，则触发函数

代码:

var people = ['Ross Chapman', 'Curtis Gomez', 'Dolores Gonzales'];

$('.people').autocomplete({
    lookup: people
});

Answer 1

您可以将 onSearchComplete 方法用作 mentioned in the docs here .

onSearchComplete: function (query, suggestions) {}

第二个参数建议是在输入中键入字母时的建议数组。因此，通过检查 suggestions.length 我们可以捕获建议数组为空时的情况，这意味着没有找到结果。

var people = ['Ross Chapman', 'Curtis Gomez', 'Dolores Gonzales'];

$('.people').autocomplete({
    lookup: people,
    onSearchComplete: function (query, suggestions) {
        if(!suggestions.length){
            console.log('no suggestion');
        }
    }
});

这是一个演示 http://jsfiddle.net/dhirajbodicherla/PSJTQ/21/