方法一:
当然可以用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');
实现效果:
还是推荐方法一,方法二突然发现有时候会插入广告。
关键字词: