连同其他表格一起提交搜索查询

Posted 2023-05-09

【中文标题】连同其他表格一起提交搜索查询

【英文标题】：Submit search query along with another form

【发布时间】：2018-07-14 08:59:37

【问题描述】：

我有一个网页，其中有一个带有过滤器的表单。提交此表单后，将显示一个包含结果的表格。我想在表格上方的第二个表单中添加一个搜索字段，提交时会进一步消除结果。如何同时提交搜索查询和过滤器的值，反之亦然？是否也有非 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>

【问题讨论】：

代码？更多细节？

【参考方案1】：

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

我不确定我是否明白你所说的。