在JQuery中自动完成显示完整的数组

Question

当用户键入自动填充框时，我将此字符传递给服务器，获取响应，并将此响应显示为自动完成列表。

当我得到相同的结果时，一切都很好。 例如： - 如果我输入'a'，那么我将'a'传递给服务器; 如果服务器响应' car '，' cat '，' man '，那么此列表显示为自动完成，但如果服务器响应' hell '，' boy '，' lion '，那么它不会显示在自动完成下拉列表中，因为响应没有'a'字符。

如何显示那些没有匹配字符的结果？

以下是自动完成代码的示例代码：

$(function() {
        var availableTutorials = [
           "cat",
           "car",
           "boy",
           "hell",
        ];
        $( "#automplete-1" ).autocomplete({
           source: availableTutorials
        });
     });

的jsfiddle

Answer 1

尝试新的HTML5 datalist标记

例如：

<label for="default">Pick from a color list</label>
<input type="text" id="default" list="colors" placeholder="e.g.Black">

<datalist id="colors">
    <option value="Black">
    <option value="Grey">
    <option value="Yellow">
    <option value="Orange">
    <option value="Pink">
</datalist>

的jsfiddle

更新：

以及AJAX调用的示例 。