Как передать выбранное значение элемента select2 в качестве параметра в htmx?

Я хочу сделать GET-запрос с параметром запроса. Однако параметр запроса должен быть взят из элементов select2. Как мне передать выбранное значение select2 в htmx?

Ниже приведен упрощенный обзор моего кода.

<select id="filter">...</select>
<select id="filter2">...</select>
...
<button hx-get="{% url 'filter-data'}" hx-trigger="click" hx-include="#filter, #filter2" hx-target="targetDiv" >Filter</button>



<script>
$(document).ready(function () {
    $('#filter').select2()
    $('#filter2').select2()
}
</script>

Я пытался найти похожую проблему, но ничего не нашел. Любой указатель будет оценен по достоинству.

Глупый я, параметр не был включен, потому что в элементе select отсутствовал атрибут name. Их добавление решает проблему.

Ниже приведено решение проблемы

<select id="filter" name="filter">...</select>
<select id="filter2" name="filter2">...</select>
...
<button hx-get="{% url 'filter-data'}" hx-trigger="click" hx-include="#filter, #filter2" hx-target="targetDiv" >Filter</button>



<script>
$(document).ready(function () {
    $('#filter').select2()
    $('#filter2').select2()
}
</script>
Вернуться на верх