jquery的autocomplete

关注:35 发布时间:2021-07-21 10:58:07

导语本文整理了jquery的autocomplete经验知识,帮助您全面了解,小白也能成为高手,跟随小编一起来看一看吧!

需要准备的物品

升华文本

详细介绍方法/步骤

首先打开升华文字软件,设置页面,然后介绍风格库文件,如下图所示

接下来,在脚本中添加jquery的脚本库文本,如下图,智能提示的相关功能都在jquery-ui.min.js文件中

然后在body标记中准备输入框,如下图所示,注意给输入框一个id属性,方便定位

接口建立后,需要准备数据源。这里,为了演示,小编准备了一个字符数组,如下图所示

当然,在常规项目中,数据源是从后台获取的,如下图所示,这通常是使用品牌ax从后台获取的

下一步是通过自动完成方法实例化智能提示,如下图所示,注意输入的数据源信息

比较后,我们运行程序,您将在界面中看到下图所示的内容。当您输入一个字母时,它会给出包含该字母的内容信息,如下图所示

猜你喜欢

热门it技术经验

360微商频道查询入口