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

Question

我正在实现 jQuery Autocomplete 并希望显示带有关联图像的结果。每个图像与自动完成字段的预测结果具有相同的名称。即，如果有人键入“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
};