十大：最佳自动完成的jQuery和javascript插件

本文概述

• 10. Flexselect
• 9. Autocomplete.js
• 8. jQuery AutoComplete PixaBay
• 7. xdsoft autocomplete
• 6. jQuery Autocompleter
• 5. MagicSuggest
• 4. Easyautocomplete
• 3. Horsey
• 2. typeahead.js
• 1. jQuery Autocomplete

普通人不喜欢输入所有人都知道的东西的全名, 这很无聊。这就是神奇和有用的自动完成功能发挥作用的地方, 它们使你可以在仅键入长字首字母的同时自动填写整个输入。

它们是用户体验的重要组成部分, 如果输入必须具有用户需要记住的长值, 则你的表单应包括一个表单。享受我们为你的项目提供的10个最佳自动完成的jQuery插件的集合。

10. Flexselect

Github |演示版

FlexSelect是一个jQuery插件, 可将选择框变成灵活匹配的增量查找控件。 Flex可以将一些按键与较长的琴键相匹配, 这对于打字员来说是一个福音。 Quicksilver, LaunchBar和Launchy等应用程序使这种键盘输入方法成为一种流行的方法。现在是时候将相同的功能引入Web控件了。 FlexSelect对选择框执行此操作。

9. Autocomplete.js

Github |演示版

Autocomplete.js是jQuery插件, 可通过提示改善搜索效果。该插件不支持远程Ajax调用, 但通过几个选项可方便地进行基本自动完成。

8. jQuery AutoComplete PixaBay

Github |演示版

该插件主要基于DevBridge出色的Ajax AutoComplete。它是一种超轻量级的插件代码, 可以根据你的需求进行优化。与Firefox, Safari, Chrome, Opera, Internet Explorer 7+中的jQuery 1.7.0+兼容。除jQuery库外没有任何依赖项。

• 轻量级：3.4 kB JavaScript-压缩后小于1.4 kB。
• 完全灵活的数据源。
• 智能缓存, 延迟和最小字符设置。
• 回调。

7. xdsoft autocomplete

Github |演示版

jQuery自动完成插件是一种轻巧简单的设置自动完成设置, 类似于Google, 它支持Accent Folding。

6. jQuery Autocompleter

Github |演示版

jQuery Autocompleter是一个简单, 易用, 可自定义且具有缓存支持的jQuery插件。它直接在输入元素上初始化

5. MagicSuggest

Github |演示版

MagicSuggest是为引导主题构建的易于使用的自动完成组件组合框。

4. Easyautocomplete

Github |演示版

EasyAutocomplete是一个高度可配置的jquery自动完成插件：

• 它支持本地和远程数据集(JSON, XML和纯文本)。
• 使用ajax方法调用。
• 允许搜索, 排序和匹配响应短语。
• 它使你可以使用几个不同的列表模板, 甚至还可以创建自己的列表模板。
• 作为最好的jquery自动完成插件之一, EasyAutocomplete支持回调句柄, 因此可以配置为在特定事件上运行函数。
• 它具有css样式的一些有趣, 干净, 现代的构建(无需图像)。

3. Horsey

Github |演示版

Horsey是一个渐进式和可自定义的自动完成组件。

它是快速, 易于使用和可靠的自动完成库。

目的是产生一个与框架无关的自动完成功能, 该功能可轻松集成到你最喜欢的MVC框架中, 并且不会转化为对代码库的重大添加, 并且使用起来很愉快。霍尔西(Horsey)与日期选择器罗马(Rome)共享模块化设计理念。此外, 它可以与Insignia, 标签编辑器组件以及几乎所有其他带有分隔符的组件配合使用。

2. typeahead.js

Github |演示版

受twitter.com自动完成搜索功能的启发, typeahead.js是一个灵活的JavaScript库, 为构建健壮的typeaheads提供了坚实的基础。

typeahead.js库由2个组件组成：建议引擎Bloodhound和UI视图Typeahead。建议引擎负责为给定查询计算建议。 UI视图负责呈现建议和处理DOM交互。这两个组件可以单独使用, 但是当一起使用时, 它们可以提供丰富的预输入体验。

• 在最终用户输入时向他们显示建议。
• 显示最高建议作为提示(即背景文本)。
• 支持自定义模板, 以实现UI灵活性。
• 与RTL语言和输入法编辑器配合良好。
• 突出显示建议中的查询匹配项。
• 触发自定义事件以鼓励扩展。

1. jQuery Autocomplete

Github |演示版

jQuery的Ajax自动完成功能使你可以轻松地为文本输入字段创建自动完成/自动建议框。除jQuery外, 没有其他依赖项。

它支持从本地源和远程源进行自动完成。 jQuery的Ajax自动完成功能可根据MIT样式的许可条款自由分发。

如果你知道另一个很棒的jQuery自动完成插件, 请在下面的评论框中与社区共享它！