Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.04.2019, 14:52
Интересующийся
Отправить личное сообщение для sloneCH Посмотреть профиль Найти все сообщения от sloneCH
 
Регистрация: 16.04.2019
Сообщений: 18

Select2 - Подсветка текста при поиске
Добрый день,
Подскажите пожалуйста почему у меня не работает подсветка в таблице? Если открываем select и в появившимся input, у которого class select2-search__field вводить текст ничего не выходит. Подсветка не срабатывает.
А вот рядом для примера input отлично срабатывает и подсвечивает текст в таблице.
Пример http://jsfiddle.net/k50guw2y/5/ (в примере код на обычном input)
Спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 16.04.2019, 15:46
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Вот такой вариант обработчика селекта подсвечивает
$('.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>
Ответить с цитированием
  #3 (permalink)  
Старый 16.04.2019, 16:06
Интересующийся
Отправить личное сообщение для sloneCH Посмотреть профиль Найти все сообщения от sloneCH
 
Регистрация: 16.04.2019
Сообщений: 18

Спасибо.
Только жалко, что не так плавненько как в примере по буквикам. Вроде обработчик тот же.
Ответить с цитированием
  #4 (permalink)  
Старый 29.04.2019, 14:06
Интересующийся
Отправить личное сообщение для sloneCH Посмотреть профиль Найти все сообщения от sloneCH
 
Регистрация: 16.04.2019
Сообщений: 18

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как с помощью скрипта высчитать ширину полосы прокрутки? LADYX Элементы интерфейса 35 13.11.2017 12:50
Изменение цвета текста кнопки и цвета кнопки при нажатии Setta jQuery 22 31.07.2013 17:48
Изменение мигающего курсора при вводе текста m-mikle Элементы интерфейса 5 27.03.2010 13:51
Появление текста при наведении курсора на ссылку Александра Элементы интерфейса 1 11.05.2009 00:22
Firefox: перехватить соббытие при перетаскивании текста no_alex Общие вопросы Javascript 9 21.08.2008 18:02