Question

我已经在这个问题上进行了详细搜索，大部分时间都是<datalist>标记。但在这种情况下，如果用户提交拼写错误，则不会显示选项。所以这是我的问题。

我有一个输入搜索文本框。

<input type = "text" name = "search" onkeyup = "someFunc()" />

在javascript someFunc函数中，我进行ajax调用并检索数据，并将值放在我希望显示为建议的数组中。

<script>
function someFunc(){
//ajax call
suggestionArray = array(); // assume the array contains the values
}
</script>

现在，此数组的内容必须显示为建议，例如输入搜索框中的下拉列表，并且应该能够使用向上箭头键进行导航。（就像谷歌搜索一样）

提前致谢！

编辑1 ::

我希望我的数组中的所有值都显示为建议。

编辑2 ::

要显示的相应建议由我的服务器端代码处理，服务器代码返回一系列建议。现在必须向用户显示该数组。因此，如果关键字为always且用户键入aways，则数组中的一个可能值将为always，必须将其显示为建议。

Answer 1

试试这个，使用jquery-ui插件：

<input type='text' title='Tags' id='tags' />

$(document).ready(function() {

var aTags = ["ask","always", "all", "alright", "one", "foo", "blackberry",   "tweet","force9", "westerners", "sport"];

$( "#tags" ).autocomplete({
    source: aTags
});

});

使用笔检查演示：http://codepen.io/anon/pen/KVOBYb

使用html5和javascript

1 个答案: