jQuery 1.9 Autocomplete 点击提示全部

输入框与自动补全功能实现

最新推荐文章于 2021-09-13 15:54:46 发布

最新推荐文章于 2021-09-13 15:54:46 发布 · 361 阅读

文章标签：

#javascript #ViewUI

本文详细介绍了如何在网页中实现输入框的自动补全功能，通过使用JavaScript和jQuery，结合预先定义的源数组，实现了用户输入时的实时补全建议。包括初始化自动补全、触发搜索事件及展示匹配项的过程。

<input id="autocomplete"/>&nbsp;<input id="submit" type="submit"/>

var source = ['One', 'Two', 'Three', 'Four'];

var firstVal = source[0];

$("input#autocomplete").autocomplete({
    minLength: 0,
    source: source
}).focus(function() {
    $(this).autocomplete("search", "");
});