项目地址 返回首页

百度搜索建议

$('.search input[type="text"]').suggestion({
	url:'http://suggestion.baidu.com/su',
	FieldName:'wd',
	jsonp:'cb',
	onCallback:function(item,data){
		var list = data['s'];
		item.empty();
		for(var i=0;i>list.length;i++){
			item.append('<li>'+list[i]+'</li>');
		}
	}
});

调用方法:

$(selector).suggestion(options,callback);

options参数

参数 默认值 说明
url '' 请求的接口地址
suggestionCls 'suggestion' 提示框的内容class
FieldName 'word' 当前input表单项在请求接口时的字段名
dynamic true 是否需要异步请求数据
activeCls 'active' 列表项选中class
dataType 'jsonp' 请求的格式
parameter {} 其他与接口有关参数
jsonp 'callback' 传递自定义回调函数
jsonpCallback '' 自定义回调函数
autoSubmit true 点击确定是否自动提交表单
beforeSend() [无] 发送前动作:传入准备提交的表单项目,返回false终止提交
onCallback(target,data) [无] 获得数据后触发:target表示建议列表对象,data表示请求到的数据
onChange(item) function(item){ item.input.val(item.target.text()); } 用户按键盘切换时触发
onSelect(item) function(item) { item.input.val(item.target.text()); } 选中搜索建议列表项:传入一个对象,target表示当前选中列表项,input表示当前input表单项

callback(api)参数

方法 说明
show() 展示搜索建议面板
hide() 隐藏搜索建议面板