jQuery的多列自动完成？

Question

是否有支持多列的jQuery的AJAX自动完成功能？我的意思是多个列,如数据库表,而不仅仅是拆分列表.它将搜索第一列,但其余部分将在下拉列表中显示.

这样的事情存在吗？

Answer 1

是的。常见的自动完成插件就是这样做的 - 查看“Multiple Birds (remote)”框，它搜索第一列但显示更多数据：

function formatItem(row) {
    return row[0] + " (<strong>id: " + row[1] + "</strong>)";
}
function formatResult(row) {
    return row[0].replace(/(<.+?>)/gi, ''); //removes html tags
}
$("#suggest4").autocomplete('search.php', {
    width: 300,
    multiple: true,
    matchContains: true,
    formatItem: formatItem,
    formatResult: formatResult
});

search.php?q=b的结果是：

伟大的<em>麻鳅</em>|Botaurus stellaris
小麻鳅|Ixobrychus minutus
美国麻鳅|Botaurus lentiginosus