Select2 and Stimulus with events

filter_controller.js

import { Controller } from "stimulus"
import $ from 'jquery';



export default class extends Controller {
  connect() {
    console.log('connecting Filter controller');

    $("#subscriber-tags-select").on('select2:select', function () {
      console.log("list item selected");
      let event = new Event('change', { bubbles: true }) // fire a native event
      this.dispatchEvent(event);
    });

  }

  updateToTagOptions() {
    console.log("updateToTagOptions");

    $.ajax({
      type: "GET",
      url: "/test_json/filter_results.json",
      success: (data) => {
        console.log('Test json received!')
      }
    })
  }
}

some_view.html.erb

<%= form_with(model: @email_campaign, local: true) do |form| %>
  <div class='card mt-4'>
    <div class='card-header'>
      Tags
    </div>
    <div class='card-body' data-controller='filter select2'>
     <%= form.select :tags, SubscriberTag.all.map{ |t| [t.name,t.id]}, {include_blank: true, required: false, include_hidden: false}, class: 'form-control subscriber-tags', multiple: 'multiple', id: 'subscriber-tags-select', 'data-action':'change->filter#updateToTagOptions' %>
    </div>
  </div>
    <%= form.submit %>
<% end %>