Как реализовать событие onselect на htmx?

Я разработчик django и я новичок в htmx. Мне интересно, есть ли простой способ реализовать событие onselect в htmx.

У меня есть следующий выпадающий список:

Change user role on select

Когда роль выбрана "onselect", я хочу отправить http запрос на back-end используя htmx (не jquery или javascript)

Как я могу это сделать?

Любая помощь будет очень признательна! Спасибо!

Пробовал искать "onselect" в htmx docs но там нет встроенной реализации. Пробовал искать "onselect htmx" в stack overflow, но не нашел полезного сообщения.

Вы должны использовать hx-trigger="changed".

https://htmx.org/docs/#triggers

Если вы не укажете trigger attr, то запрос все равно сработает при изменении выбора. Пожалуйста, посмотрите следующий пример:

https://htmx.org/examples/value-select/

Я нашел ответ, перечитав документацию.

Я нашел решение с помощью [hx-trigger] на change событие hx-trigger

    <select
      class="custom-select"
      id="role"
      name="role"
      hx-post="{% url 'set_user_role' user.id  %}"
      hx-trigger="change">
      <option value=""></option>
      {% for role in roles %}
       <option value="{{role.id}}" 
           {% if role == current_role %}selected{% endif %}
       >{{role.name}}</option>
      {% endfor %}
 </select>
Вернуться на верх