Изменение поведения автозаполнения списка данных HTML

Я пытаюсь реализовать функцию автозаполнения поиска для веб-сайта, над которым я работаю. Я использую список данных HTML с параметрами, генерируемыми динамически из серверной базы данных MySQL (общающиеся с AJAX). Однако автозаполнение списка данных не работает так, как я хочу. Автозаполнение автоматически игнорирует результаты, если ключевые слова не в порядке.

Например, если бы я хотел найти строку «яблоко, банан, апельсин» и ввел в поле поиска «яблоко, апельсин», строка не отобразилась бы, даже если это один из вариантов, сгенерированных моим бэкэндом.

Я предполагаю, что это какая-то неотъемлемая функциональность списка данных. Мне было интересно, есть ли способ обойти это, или есть ли у кого-нибудь альтернативные идеи о том, как реализовать функцию автозаполнения поиска, которая решит эту проблему?

Спасибо за любую помощь.


html autocomplete html-datalist
person User111    schedule 04.03.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Рассматривали ли вы автозаполнение jQuery? и по-прежнему использовать Ajax для динамической генерации значений.

<form id="searchbox">
<input id="search" type="text" placeholder="Type here" class='search_input' >
</form>

$(document).ready(function() {
$("input#search").autocomplete({
source: ["apple","banana", "orange"]
});
});

JSFiddle

person markinnes    schedule 04.03.2013