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

2024-10-20 06:18:12

1、实现该功能需依赖jquery.js,jquery.autocomplete.js,先引入这两个js包,以及jquery.autocomplete.css样式文件,如图所示。

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

3、那么使用autocomplete自动补全侑喏嵋甲插件,也就非常简单了,下面下介绍一下最简单的使用方法,只要把要搜索的数据放进一个数组之中即可,即枢潋雳var language = [ "Chinese", "English", "Spanish", "Russian", "French", "Japanese", "Korean", "German" ];然后使用$("#end").autocomplete({ source: [ language ] });即可,代码如图所示。

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

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

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

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

8、以上就是搜索引擎下拉框怎么做的方法介绍,希望可以帮到大家。

猜你喜欢