JQuery的Autocomplete 插件如何应用

留兰香2022-06-21  17

JQuery的Autocomplete 插件如何应用 工具/材料

崇高的文本

操作方法 01

首先打开Sublime Text软件,设置好页面,然后引入样式库文件,如下图所示。

02

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

03

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

04

设置好接口后,您需要准备数据源。这里,为了演示,边肖准备了一个字符数组,如下图所示。

05

当然,在正规项目中,数据源是从后台获取的,如下图所示。ajax通常用于从后台获取数据。

06

下一步是通过autocomplete方法实例化智能提示,如下图所示。注意传入的数据源信息。

07

最后我们运行程序,你会在界面看到下图所示的内容。当你输入一个字母时,它会给你包含这个字母的内容信息,如下图所示。

转载请注明原文地址:https://juke.outofmemory.cn/read/399602.html

最新回复(0)