Как я могу отформатировать результаты плагина автозаполнения? - PullRequest
167 голосов
/ 13 марта 2010

Я использую плагин jQuery UI Autocomplete . Есть ли способ выделить последовательность символов поиска в раскрывающихся результатах?

Например, если у меня есть «foo bar» в качестве данных и я набираю «foo», я получу « foo bar» в выпадающем меню, например:

“Breakfast” appears after “Bre” is typed with “Bre” having a bold type and “akfast” having a light one.

Ответы [ 13 ]

1 голос
/ 05 апреля 2010

Взгляните на демонстрацию combobox, она включает выделение результатов: http://jqueryui.com/demos/autocomplete/#combobox

Используемое здесь регулярное выражение также имеет дело с результатами html.

0 голосов
/ 09 декабря 2013

Для поддержки нескольких значений просто добавьте следующую функцию:

function getLastTerm( term ) {
  return split( term ).pop();
}

var t = String(item.value).replace(new RegExp(getLastTerm(this.term), "gi"), "<span class='ui-state-highlight'>$&</span>");
0 голосов
/ 13 марта 2010

Если вы вместо этого используете сторонний плагин, у него есть опция выделения: http://docs.jquery.com/Plugins/Autocomplete/autocomplete#url_or_dataoptions

(см. Вкладку "Параметры")

...