标签: 

百度搜索引擎下拉框怎么做

百度搜索引擎下拉框怎么做

实现该功能需依赖jquery.js,jquery.autocomplete.js,先引入这两个js包,以及jquery.autocomplete.css样式文件,

该不全插件要结合input元素使用,也就是在input中进行搜索时,会达到自动提示补全的效果,在html文件中定义input元素,以下是部分代码截图,

搜索下拉框

那么使用autocomplete自动补全插件,也就非常简单了,下面下介绍一下最简单的使用方法,只要把要搜索的数据放进一个数组之中即可,

下面我们可以看一下运行结果,比方说搜索带有C字的语言

下面我们看一下怎么和后台数据结合起来,可以与ajax一起使用,将ajax返回的数据作为上面的数组,直接赋给autocomplete插件使用,

搜索下拉框

下面可以看一下真是的效果,可以看到,搜索“上”字之后,可以自动查询出数据库中所有带有上字的地址

当然了,样式也是可以自己进行调整的,使用起来非常的简单方便。

您可能还会对下面的文章感兴趣:

    cache
    Processed in 0.003784 Second.