更新或附加 URL 参数，而不是替换整个 URL

Question

我正在尝试建立一个周历。目前，日历具有前进和后退链接，这些链接通过在末尾附加?date= 构建一个新 URL 来工作。示例：

<a href="<?php get_current_url() ?>/?date=2014-07-23">Next week</a>
<a href="<?php get_current_url() ?>/?date=2014-07-09">Prev week</a>

我还想为日历添加一个过滤器，只允许在日历上显示某些事件类型。我使用 GET 方法想出了以下内容：

<form method="GET" action="">
  <select name="type">
    <option selected disabled value=''>Type</option>
    // event option stuff
  </select>
  <input type="submit" value="submit">
</form>

提交后，此表单只是重新构建一个新 URL，并在末尾添加 ?type=<something>。如果 URL 已经有日期参数，我的表单会忽略它。例如：

http://www.example.com/?date=2014-07-16

变成：

http://www.example.com/?type=dinner-date

同样，周导航会忽略过滤器。

有没有一种简单的方法可以让过滤器和导航链接一起工作？

例如，如果?date= 已存在，则将&type= 附加到URL。如果一个或两个参数已经存在，那么这些值会被简单地更新。

Answer 1

我假设你可以使用 jQuery：

<form method="GET" action="http://www.example.com">
    <input type="hidden" name="date" id="date" value="<?php echo date;?>" />
    <select name="type">
        <option selected disabled value=''>Type</option>
        <!-- event option stuff -->
    </select>
    <input type="submit" value="submit" onclick="buildLink($('#date').val());">
    <br>
    <input type=button onclick="buildLink('2014-07-23');" value="Next week" />
    <input type=button onclick="buildLink('2014-07-09');" value="Prev week" />
</form>

然后这是一个简单的 Javascript 函数，提交表单，根据你的选择，在提交之前表单中的日期会发生变化：

function buildLink(date) {
    $('#date').val(date);
    $('form').submit();
}