Ребят, подскажите, пожалуйста, советом что ли) Я делаю форму с автоматической

отправкой запроса на сервер без необходимости нажатия клиентом кнопки "Сохранить")

Форма стандартная: {{ form_ajax('onAjax', {validate: true}) }}

Внутри формы я создал невидимую кнопку <button type="submit" class="d-none">, которая нажимается через JS

Отслеживаю изменения в форме таким образом:
$('form :input').on('input', () => {... btn.click()})

Внутри формы также есть <select multiple> поле, которое тоже чувствительно к изменениям.

Проблема заключается в том, что когда выбираю хотя бы один элемент из этого селектора, он закрывается и отправляется форма. Да, форма должна отправляться, но селектор не должен закрываться — это просто неудобно)

Подскажите, кто-нибудь такие формы делал? Сталкивался с такой проблемой? Как можно еще отправлять форму без невидимой кнопки?

в селекторе прописать событие onchange и дергать невидимую кнопку

глянь в доке есть еще штука data-track-input

ну и плюс да onChange