Результаты поиска в реальном времени с помощью выпадающего меню

Question

У меня есть средство поиска в реальном времени, которое сужает результаты в таблице по мере ввода - все работает нормально.

Теперь я хочу использовать раскрывающийся список, чтобы заполнить поле поиска (текстовое поле), поскольку я планирую скрывать поле поиска. - Я сделал это, используя следующее:

$('#filter').change(function(){ 
    filterby = $('#filter').val(); 
    $("input#SearchBox").val(filterby); 
}); 

У меня есть проблема в том, что, когда вы выбираете опцию из выпадающего списка он делает заполнить текстовое поле, но результаты не обновляются, если я не щелкнуть в текстовом поле и нажмите клавишу (например, пробел).

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

Спасибо за вашу помощь

Answer 1

Вы должны использовать trigger, чтобы сделать его признать, что вход отличается. Используемый вами поиск в реальном времени, вероятно, использует keyup или keypress.

$("input#SearchBox").val(filterby).trigger('keyup'); 

Если trigger('keyup') или «нажатие клавиши» не работает, вы можете попробовать его «изменить».