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

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，所以我不必有按钮。

有什么帮助吗？

PS 我尝试将选项值作为 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;
}