我正在使用jQuery UI Autocomplete插件.有没有办法在下拉结果中突出显示搜索字符序列?
例如,如果我将"foo bar"作为数据并输入"foo",我将在下拉列表中显示" foo bar",如下所示:
当用户开始在搜索框上键入时,建议页面将返回与该nama匹配的所有集合中的最新项目以及其他数据.
我想显示该项目(沿着其图像),以及"查看此集合中的所有项目"的链接.
我可以通过以下代码完成(大部分):
$('#search').autocomplete({
source: function (request, response) {
$.ajax({
url: suggesturl,
dataType: 'json',
data: request,
success: function (data) {
response(data.map(function (value) {
return {
'label': '<img src="' + value.thumbsmall + '" />' + value.name + '<a href="/">More items from this collection...</a>',
'value': value.fullname
};
}));
}
});
},
minLength: 3
})
Run Code Online (Sandbox Code Playgroud)
问题是,虽然链接出现在框中,但当它被单击时,它会被忽略,并执行默认select操作(项目value被放入文本框).
是否有支持多列的jQuery的AJAX自动完成功能?我的意思是多个列,如数据库表,而不仅仅是拆分列表.它将搜索第一列,但其余部分将在下拉列表中显示.
这样的事情存在吗?