Question

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

当我得到相同的结果时，每件事都很好。例如： - 如果我输入＆＃39; a＆＃39;然后我通过＆＃39; a＆＃39;到服务器;如果服务器用＆＃39; car ＆＃39; cat ＆＃39;，＆＃39; man ＆＃39;，然后此列表显示为自动完成，但如果服务器回复＆＃39; 地狱＆＃39; 男孩＆＃ 39;，＆＃39; lion ＆＃39;，然后它没有显示在自动完成功能下拉菜单中，因为响应没有＆＃39; a＆＃39;字符。

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

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

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

<强>更新

example with AJAX来电。

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

1 个答案: