javascript - Select2 "change"事件未触发htmx

Question

这工作，我想要的方式:如果 <select>被更改，然后 htmx被触发。

<script src="https://unpkg.com/htmx.org@1.1.0"></script>

<table>
 <tr hx-post="//example.com" hx-trigger="change">
  <td>
    <select name="runner">
     <option value="a">a</option>
     <option value="b">b</option>
    </select>
  </td>
 </tr>
</table>

如果我使用 django-autocomplete-light 小部件，则它不起作用。
我使用这个版本:django-autocomplete-light==3.8.1

Answer 1

刚刚遇到同样的问题，并使用以下修改后的 guettli 答案版本进行了修复。

window.addEventListener("DOMContentLoaded", (e) => {
    $('select').on('select2:select', function (e) {
        $(this).closest('select').get(0).dispatchEvent(new Event('change'));
    });
});