提交搜索查询以及另一个表单

Question

我有一个网页，里面有一个带有过滤器的表单。提交此表单时，将显示一个包含结果的表格。我想在表格上方的第二种形式中添加一个搜索字段，提交后会进一步消除结果。如何同时提交搜索查询以及筛选器的值，反之亦然？ 有没有非js的方法也可以做到这一点？

初始过滤器形式：

<form method="get" action="{% url 'xxxxxxxxxxxxxxx' %}"> 
  <div class="form-group">
    <label class="span-after-btn disabled">
        <input class="disabled" id="distance-toggle" name="distance-toggle" type="checkbox" checked="" disabled="disabled" autocomplete="off">
    </label>
  </div>
</form>

搜索表单：

<form method="get" action="{% url 'same url' %}">
    <div class="form-group">
        <div class="input-group">
            <input id="search-term" type="text" class="form-control" name="search-term" placeholder="{% trans 'aaaaaaa' %}">
                <span id="span-search-btn" class="input-group-addon">
                    <button id="search-btn" class="btn btn-primary btn-round" type="submit">
                        <i class="material-icons">search</i> 
                    </button>
                </span>
        </div>
    </div>
</form>

Answer 1

提交表单后，第一个表格将显示为另一个表格。在提交时，您可以调用一个 javascript 函数来进一步处理您的数据。如果它需要获取数据，你可以实现一个 ajax 调用。

我不完全确定我是否明白你在说什么。