Как я могу заставить jQuery Autocomplete отображать результаты с изображениями, а не с PHP?

Question

Я реализую автозаполнение jQuery и хочу отобразить результаты со связанным изображением. Каждое изображение имеет то же имя, что и прогнозируемый результат поля автозаполнения. То есть, если кто-то печатает «braz», то появляется «brazil» с включенным в него brazil.jpg. У меня проблемы с реализацией.

Если кто-нибудь может указать мне правильное направление, я буду признателен. Кстати, я использую версию Йорна .

Я также заинтересован в использовании меньших версий автозаполнения, но нашел только Дрю Уилсона и вообще не смог его использовать.

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
};