Как отследить событие, выбранное в vanila javascript?

Question

Я использую JQuery выбранный плагин для стилизации выбора элемента DOM в моей форме.И я понимаю много строк кода для моего фильтра в vanila javascript без jquery.Но javascript не может отследить событие, которое висит на форме, когда пользователь выбирает данные, стилизованные через плагин в select.Как я могу отследить это событие в vanila js?

Событие JS track

let filterFormArray = document.querySelectorAll('[data-filter*=filter]');
filterFormArray.forEach(function(elem) {
    elem.addEventListener('change', function(e) {
        filterAjax(filterSerialize(this), e);
    });
});

Выбрана инициализация JQ

$(".filter-box select").chosen({
    disable_search_threshold: 100, 
    allow_single_deselect: true, 
    max_selected_options: 5
});

Answer 1

Ну, я так и сделал.

let getChosen = document.querySelectorAll('.chosen-results');
if (getChosen.length > 0) {
    getChosen.forEach(function(elem) {
        elem.addEventListener('click', function() {
            filterAjax(filterSerialize(this.closest('form')));
        });
    });
}