在选择的选择菜单选项上加载页面

Question

我有一个这样的表格：

<form>

  <select onchange="this.form.submit()">
      <option>Today</option>
      <option>Last Week</option>
      <option>Last Month</option>
      <option>Lifetime</option>
  </select>

</form>

我需要对结果进行一些基本过滤，目的是当用户更改下拉菜单时，用户会被发送到page/?date=THEIROPTION

我在更改时使用javascript，所以我没有按钮。

有任何帮助吗？

P.S我尝试将选项值作为URL但没有运气。

Answer 1

这很有效。

ONCHANGE="location = this.options[this.selectedIndex].value;"

Answer 2

这也是。

<form name="filter_form">
<select name="filter" onchange="document.forms.filter_form.submit();">
    <option value=""></option>
    <option value="today">Today</option>
    <option value="yesterday">Yesterday</option>
</select>
</form>

Answer 3

您可以尝试这样的事情

<强> HTML：

  <select onchange="loadPage(this.value)">
      <option value="page?date=today">Today</option>
      <option value="page?date=last_week">Last Week</option>
  </select>

<强> JS：

function loadPage(url)
{
    location.href = url;
}