HTMX передать значение кнопки из выбранного списка

Я пытаюсь сделать приложение на Django с использованием htmx. Я создал выпадающий список в виде:

<select class="custom-select mb-4" name="fields" hx-get="{% url 'select_field' %}" hx-trigger="change" hx-target="#Wells">
            <option selected>Select a field</option>
            {% for Field in TFTFields %}
            <option ue="{{Field.Perimeter}}">{{Field.Perimeter}}</option>
            {% endfor %}
 </select>

Сейчас я хочу взять выбранное значение из этого списка и передать его кнопке, чтобы вызвать другую функцию под названием "plotlybar", я сделал примерно следующее:

<button class="btn btn-primary" hx-get="{% url 'plotlybar' %}" hx-target="#plotlybar">Plot the bar Well Serv</button>

Теперь я не знаю, как передать эти выбранные элементы? Есть какие-нибудь подсказки или решение?

Всех благ

Вы можете включить дополнительные элементы формы в HTMX запрос через hx-include атрибут , который использует CSS селекторы запросов:

<button class="btn btn-primary" 
        hx-get="{% url 'plotlybar' %}"
        hx-include="[name='fields']"
        hx-target="#plotlybar">
  Plot the bar Well Serv
</button>

Если вы хотите включить несколько элементов, укажите список селекторов через запятую, например: [name='field1'], [name='field2'].

Вернуться на верх