如何设置jQuery UI autocomplete在输入框获取焦点后立即显示下拉列表？

本文共计949个文字，预计阅读时间需要4分钟。

本例介绍了如何使用jQuery UI实现autocomplete功能，以在获取焦点时显示列表功能。分享给广大开发者和参考者，具体如下：

在项目开发过程中，客户有如下需求：当在某个文本框上获得焦点时，显示之前输入过的内容列表。

实现步骤如下：

1. 引入jQuery和jQuery UI库。

2.创建一个文本框，并为其添加autocomplete属性。

3.设置autocomplete的source属性，指定数据源。

4.设置autocomplete的其它选项，如延迟时间、最小字符数等。

示例代码：

jQuery UI Autocomplete 示例

以上代码实现了在文本框获得焦点时，显示之前输入过的内容列表。希望对您有所帮助！

本文实例讲述了jquery UI实现autocomplete在获取焦点时得到显示列表功能。分享给大家供大家参考，具体如下：

在做项目的时候，客户有这样的需求，将以前输入过的内容，在某个文本框上用列表的形式提示出来，可以选择，换言之，就如同我们用谷歌搜索，或者百度搜索一样，输入一些关键词，会自动提示，这个功能就叫autocomplete. 当然在 jquery UI 下有 插件，具体下载的地方，搜索就知道了。重点是，我现在的用法，是需要在文本框获取焦点的时候，就弹出待选择的列表。而传统的是必须在输入文字之后才出现。