我如何使 jQuery Autocomplete 显示带有图像的结果，而不是 PHP？

Question

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

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

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

Answer 1

在这个demo page 上查看#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
};