如何使HTML表单下拉列表项重定向

Question

我正在作为最初的Web开发人员创建一个非常基本的网站。 我想知道如何从HTML的下拉列表表单中获取值，单击“提交”按钮，然后根据选择的内容将其重定向到新页面。 每个月应该有一个新的网页。 这是代码：

<form action="" method="get">
    <p>Month</p>
    <select name="months">
        <option value="march2015">March, 2015</option>
        <option value="april2015">April, 2015</option>
        <option value="may2015">May, 2015</option>
        <option value="june2015">June, 2015</option>
        <option value="july2015">July, 2015</option>
    </select>
    <input type="submit" value="Submit">
</form>

对于“ action”属性应放置什么内容，我还不太清楚。 我没有使用网络托管服务，只是在浏览器中查看文件。

Answer 1

为此，您需要一些Javascript。

像这样更新您的HTML：

<form id="form" action="" method="get">
    (...)
    <select name="months" onchange="update_action(this)">
        (...)
    </select>
        (...)
</form>

并通过<script />标记文件附加以下代码：

JS（script.js）

var update_action = function(obj) {
    var val = obj.value;
    var url = /* Setup your URL here. */;

    document.querySelector('#form').setAttribute('action', url);
};

应该管用 ：）