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

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

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

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

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

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

试试新的HTML5标签

例如：

<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>

更新：

---

和呼叫。

自动竞争的目的不是只显示相关数据吗？我不理解你的问题，它正在工作fine@Yasmin他的问题很清楚，简言之，我想在用户输入时显示所有数组数据。我不想显示相关数据。你的意思是说，无论用户类型如何，你都想显示所有数据，是吗？这就是OP想要的吗？你们读对问题了吗？是的，我想这就是他想要的。t这可以通过AJAX调用实现。看看Matt West的CodePen网站->插入答案否，这不是我想要的。在您的示例中，如果我键入“b”，它将只显示黑色，我需要所有数据。当然，因为灰色不包含字母b…但您可以使用箭头显示所有列表项！