Живой поиск данных через выпадающее меню

Question

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

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

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

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

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

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

Answer 1

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

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

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