所选列表中的 HTMX 传递按钮值

Question

我正在尝试使用 htmx 使用 Django 创建一个应用程序。我创建了一个下拉列表：

<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>

所以现在我不知道如何传递这个选择项？任何提示或解决方案？

全力以赴

Answer 1

您可以通过使用 CSS 查询选择器的 hx-include attribute 在 HTMX 请求中包含其他表单元素：

<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'].

所选列表中的 HTMX 传递按钮值

HTMX pass button value from selected list

django

django-templates

django-forms

django-views

htmx