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

【问题标题】：Load page on select menu option being chosen在选择的选择菜单选项上加载页面
【发布时间】：2013-10-19 23:10:29
【问题描述】：

我有这样的表格：

<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 但没有运气。

【问题讨论】：

请发布相关的javascript，即使它不起作用。向我们展示你已经做出了一些努力。
没关系，找到这个 ONCHANGE="location = this.options[this.selectedIndex].value;"

标签： javascript php jquery html forms

【解决方案1】：

这行得通。

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

【讨论】：

【解决方案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>

【讨论】：

【解决方案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;
}

【讨论】：