怎么做百度搜索的下拉框?
1、实现该功能需依赖jquery.js,jquery.autocomplete.js,先引入这两个js包,以及jquery.autocomplete.css样式文件,如图所示。
2、该不全插件要结合input元素使用,也就是在input中进行搜索时,会达到自动提示补全的效果,在html文件中定义input元素,以下是部分代码截图,如图所示。
3、那么使用autocomplete自动补全插件,也就非常简单了,下面下介绍一下最简单的使用方法,只要把要搜索的数据放进一个数组之中即可,
var language = [
"Chinese",
"English",
"Spanish",
"Russian",
"French",
"Japanese",
"Korean",
"German"
];
然后使用
$("#end").autocomplete({
source: [
language
]
});即可,代码如图所示。
4、下面可以看一下运行结果,比方说搜索带有C字的语言,如图所示。
5、下面看一下怎么和后台数据结合起来,可以与ajax一起使用,将ajax返回的数据作为上面的数组,直接赋给autocomplete插件使用,代码如图所示。
6、下面可以看一下真是的效果,可以看到,搜索“上”字之后,可以自动查询出数据库中所有带有上字的地址,这样下拉框便做出来了,如图所示。
2019-12-17 · 知道合伙人公共服务行家
李守洪排名大师
系统充值刷,很便宜的。出词率非常高,望采纳。
举例说明
百度 oq= original query 原有查询
谷歌 oq= 相当于百度oq=
搜狗 oq= 相当于百度oq=
解释 输入搜索词,输入了一半,此时选择了下拉框的相关搜索。这输入了一半的词就是 original query
百度 bs= before search 上一次搜索词
搜搜 bs= 等同百度bs
360搜索 pq= previous query 等同百度bs
解释 2到多次查询的上一次搜索词,伴随bs同时出现的必然有rsv_bp=1,是指2到多次搜索
百度 rsv_bp=
解释 判断是第几次搜索,常见的有2个值,0和1,默认为0
0 1次搜索
1 2到多次搜索
百度 f=
解释 搜索类型判断,常见的值
1 相关搜索
3 下拉框搜索
8 用户自主搜索
f=12 错别字提示正确搜索
百度 rsp= related search ?position
解释 下拉框相关搜索位置,从0开始,第n+1个相关搜索
譬如搜索“世纪佳缘”,选择下拉框第8个相关搜索"世纪佳缘交友网",rsp=7