Jquery实现自动补全功能

最新推荐文章于 2022-09-12 16:07:22 发布

java_and_json

最新推荐文章于 2022-09-12 16:07:22 发布

阅读量2.9k

点赞数

分类专栏： jquery 文章标签：自动补全-jquer

本文链接：https://blog.csdn.net/java_and_json/article/details/50537974

版权

   今天因为公司全去搞活动了，所以在网上看了一会儿jquery，在这里详细介绍一下基于jquery的autoComplete的实现。
     首先，向大家看下自己实现的最简单的结果：
![简单效果](https://img-blog.csdn.net/20160118171503783)
      估计和很多新手一样，一开始没有明白怎么弄，不过不要紧张，慢慢来，so easy!
      第一:去下载一个jquery.autocomplete.js插件：[官网地址](http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/)
      第二:开始写一个.html;
![前面要引入的一些外部.js和.css](https://img-blog.csdn.net/20160118172539658)
      在body里面只要一个输入框即可:

<body>
    <input type="text" id="singleBirdRemote" style="width: 200px;height: 30px;"/>
</body>

接下来就是全部是jquery了。
直接附上代码，里面有详细的解释，直接copy即可使用。

 var websites = [
        "Google","NetEase", "Sohu", "Sina",

最低0.47元/天解锁文章

java_and_json

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
Jquery实现自动补全功能

今天因为公司全去搞活动了，所以在网上看了一会儿jquery，在这里详细介绍一下基于jquery的autoComplete的实现。首先，向大家看下自己实现的最简单的结果：![简单效果](http://img.blog.csdn.net/20160118171503783)估计和很多新手一样，一开始没有明白怎么弄，不过不要紧张，慢慢来，so easy!第一:去下载一个jquery.autocom
复制链接

扫一扫

专栏目录