如何解决Select2“更改”事件不会触发htmx
这是我想要的方式:如果 <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
解决方法
如果我添加这个 JS,那么它就可以工作了。欢迎提供更好的解决方案。
<script>
window.addEventListener("DOMContentLoaded",(e) => {
$('select').on('select2:select',function (e) {
$(this).closest('tr').get(0).dispatchEvent(new Event('change'));
});
})
</script>
,
刚刚遇到了同样的问题,并使用以下 guettli 答案的修改版本进行了修复。
window.addEventListener("DOMContentLoaded",(e) => {
$('select').on('select2:select',function (e) {
$(this).closest('select').get(0).dispatchEvent(new Event('change'));
});
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。