[CryNet]

Для селектов используется библиотека Choices.JS. Здесь есть кастомное событие, которое всплывает при выборе опции в селекте (choice, addItems). Мне необходимо, чтобы при выборе в одном селекте, в другом выбиралось тоже самое. Но у меня не получается имитировать этот выбор.

Ещё я не могу понять, мне имитировать эти кастомные события или же можно просто change...

Я пытался решить это таким образом:

let choices = another_select[0].closest(".choices").querySelector(".choices__item.choices__item--choice.choices__item--selectable[data-value=\"2\"]") // элемент, который должны выбрать
        
        choices.addEventListener("choice", (event) => {
          console.log(event);
        });
       // указываем выбранный option
        choices.dispatchEvent(new CustomEvent("choice", {
          detail: {
            choice: {
              value: '2'
            }
          }
        }))

Но это не работает

Песочница: https://jsfiddle.net/xa7npb85/2/