我怎样才能使 jQuery Autocomplete 显示带有图像的结果，而不是 PHP？

Question

我正在实现 jQuery 自动完成并希望显示带有关联图像的结果。每个图像的名称与自动完成字段的预测结果相同。即，如果有人输入“braz”，则会出现“brazil”，旁边会内嵌 brazil.jpg。我在执行此操作时遇到困难。

如果有人能指出我正确的方向，我将不胜感激。顺便说一句，我正在使用 Jorn 的版本。

我也有兴趣使用较小版本的自动完成功能，但只找到了 Drew Wilson 的，根本无法使用它。

Answer 1

查看此演示页面上的#suggest4 。 formatItem 和 formatResult 函数用于使结果和项目显示不同。

function formatItem(row) {
    return row[0] + " (<strong>id: " + row[1] + "</strong>)";
}
function formatResult(row) {
    return row[0].replace(/(<.+?>)/gi, '');
}

// apply the format functions using the options provided.
$("#country").autocomplete('getdata.jsp', { 
    formatItem: formatItem,
    formatResult: formatResult
};