主页 > 编程资料 > 编程更多 >
发布时间:2018-10-30 作者:apizl 阅读:550次

方法一:

当然可以用autocomplete这样的js来实现自定义的下拉框效果。

一般这种使用在站内搜索情况下,快速检索出用户想要的数据来。

因为是实时请求自己网站接口,相对来说还是比较耗性能的了!

$("#keyword").autocomplete({
            source: "/Tools/Command/Search.html?alias=" + alias,
            select: function (event, ui) {
                var command = ui.item['value'];
                var array = command.split('|');
                console.log(array);
            }
        });

官网地址:https://jqueryui.com/autocomplete/

实现效果:

让自己网站输入框实现百度一样结果的下拉提示处理



方法二:

百度提供的js实现百度一样的下拉效果。

"百度搜索框提示"API

页面引入如下js:

<script charset="gbk" src="https://cdn.jsdelivr.net/opensug/1.1.1/opensug.js"></script>

使用js对输入框进行绑定

BaiduSuggestion.bind(inputObj|inputId,[params],[confirmCallback]);
BaiduSuggestion.bind('input');

实现效果:

让自己网站输入框实现百度一样结果的下拉提示处理


还是推荐方法一,方法二突然发现有时候会插入广告。

文章由爱资料原创本文地址:https://www.apizl.com/archives/view-148736-1.html,转载请以链接形式标明本文地址!
关键字词:

相关文章