JQuery的Autocomplete 插件如何应用
工具/材料
崇高的文本
操作方法 01
首先打开Sublime Text软件,设置好页面,然后引入样式库文件,如下图所示。
02
接下来,将jquery的脚本库文本添加到脚本中,如下图所示。智能提示的相关功能都在jquery-ui.min.js文件中。
03
然后在body标签中准备输入框,如下图所示。注意给输入框一个id属性,方便定位。
04
设置好接口后,您需要准备数据源。这里,为了演示,边肖准备了一个字符数组,如下图所示。
05
当然,在正规项目中,数据源是从后台获取的,如下图所示。ajax通常用于从后台获取数据。
06
下一步是通过autocomplete方法实例化智能提示,如下图所示。注意传入的数据源信息。
07
最后我们运行程序,你会在界面看到下图所示的内容。当你输入一个字母时,它会给你包含这个字母的内容信息,如下图所示。