Htmx и django : зависимые опции выбора
Я пытаюсь разработать приложение на Django, где я добавляю частицы, используя HTMX, все работает правильно, кроме одной критической вещи. В форме, которую я загружаю из частичной формы, есть 2 опции выбора, которые зависят друг от друга, традиционно без HTMX, я использую простой Javascript, чтобы связать их обе
<script>
$("#id_data_form").live('change', function() {
var url = $("#extractor_query_builder").attr("data-fields-url");
var dataformId = $(this).val();
$.ajax({
url: url,
data: {
'data_form': dataformId
},
success: function (data) {
$("#id_data_fields").html(data).height(150);
}
});
});
</script>
Это работает нормально, когда я работаю без HTMX, но когда я добавляю способ HTMX, кажется, что javascript не находит DOM, соответствующий элементам формы, когда форма внедряется в основной документ
моя форма выглядит следующим образом
<div hx-target="this" hx-swap="outerHTML" class="mt-3 py-3 px-3 bg-white shadow border border-gray-100">
<form class="form-horizontal" id="extractor_query_builder" method="POST" data-fields-url="{% url 'getFields' %}" novalidate>
{% csrf_token %}
{{ form | crispy }}
{% if extract %}
<button type="submit" hx-post="{% url 'update-extract' extract.id %}">
Submit
</button>
<button hx-get="{% url 'detail-extract' extract.id %}" type="button">
Cancel
</button>
{% else %}
<button type="submit" hx-post=".">
Submit
</button>
{% endif %}
</form>
</div>
но я заметил, что когда я отправляю форму и у меня возникают ошибки, кажется, что javascript может обнаружить элементы и работает нормально, но не сразу, как только html меняет форму на странице
Мне интересно, есть ли способ запустить jvascript, который прослушивает меню выбора формы на событие swap
Есть подсказка?