Select2 - Подсветка текста при поиске
 

Добрый день,
Подскажите пожалуйста почему у меня не работает подсветка в таблице? Если открываем select и в появившимся input, у которого class select2-search__field вводить текст ничего не выходит. Подсветка не срабатывает.
А вот рядом для примера input отлично срабатывает и подсвечивает текст в таблице.
Пример http://jsfiddle.net/k50guw2y/5/ (в примере код на обычном input)
Спасибо.

Вот такой вариант обработчика селекта подсвечивает

$('.js-source-states').on('change', function() {
		$('#text').removeHighlight();
		txt = $(this).val();
    alert(txt);
		if (txt == '') return;
		$('#text').highlight(txt);
		search_count = $('#text span.highlight').size() - 1;
		count_text = search_count + 1;
		search_number = 0;
		$('#text').selectHighlight(search_number);
		if ( search_count >= 0 ) scroll_to_word();
		$('#count').html('Найдено: <b>'+count_text+'</b>');
	});

если в селекте изменить value
вместо

<option value="BR">Латунь</option>

поставить

<option value="Латунь">Латунь</option>

Спасибо.
Только жалко, что не так плавненько как в примере по буквикам. Вроде обработчик тот же.

Всем привет!
Помогите совместить два эффекта в один пожалуйста.
Здесь подсветка про которую писал выше http://jsfiddle.net/vky8cfr9/
А здесь в раскрывающемся списке подсветка части текста https://jsfiddle.net/wp8x4qg6/
Спасибо.