如何在htmx上实现onselect事件？

Question

我是django开发人员，我是htmx的新手。我想知道是否有一种在htmx中实现onselect事件的简单方法。

我有以下下拉列表：

​

​

当角色被选中"onselect“时，我希望使用htmx(不是jquery或javascript)向后端发送http请求。

我该怎么做？

任何帮助都是非常感谢的！谢谢!

尝试在htmx文档上搜索"onselect“，但是没有内置的实现。尝试搜索"onselect htmx“堆栈溢出，但我找不到有用的帖子。

Answer 1

您应该使用hx-trigger="changed"。

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

如果您不指定触发器attr，则请求将在选择更改时触发。请查看以下示例：

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

Answer 2

我在重读文档时找到了答案。

我在[hx-trigger]事件hx触发器上找到了解决方案

    <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>