HTML href - 如何不重写 GET 参数

Question

我正在开发一个网页，但我运行陷入了困境。

有一个用户列表，我需要按 ?page=5 对其进行分页，但我还需要进行搜索。但我不知道如何设置 href 从 users/list?search=test&ST=on&PA=on&TE=on -> users/list?search=test&ST=on&PA=on&TE=on&page=5 有人可以帮助我吗？谢谢，之前。

代码：

我的分页看起来像：

<li>
  <a href="?page={{ pagination.next_page_number }}" aria-label="Next">
    <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span>
  </a>
</li>

我的搜索表单：

`

<form class="form-inline" method="GET" action="">
  <div class="form-group">
    <div class="input-group">
      <input type="text" class="form-control" placeholder="Search for..." id="search" name="search" value="{{ search }}">
      <span class="input-group-btn">
        <button type="submit" class="btn btn-default">Go!</button>
      </span>
    </div>
  </div>
  <div class="checkbox">
    <label>
      <input type="checkbox" id="ST" name="ST" {% if ST %}checked{% endif %}> Students
    </label>
  </div>
  <div class="checkbox">
    <label>
      <input type="checkbox" id="PA" name="PA" {% if PA %}checked{% endif %}> Parents
    </label>
  </div>
  ...
  <button type="submit" class="btn btn-default">Search</button>
</form>

`

Answer 1

是的，就是这样。通常最好按重要性对变量进行排序。所以我可能会如下将页面变量移动到开头，但无论哪种方式都有效：

users/list?page=5&search=test&ST=on&PA=on&TE=on

HTML href - 如何不重写 GET 参数

HTML href - how to not rewrite GET parametrs

html

get

href