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>

我有点不清楚要采取什么行动＆＃34;行动＆＃34;属性。我没有使用网络托管服务，我只是在浏览器中查看该文件。

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);
};

应该工作：）

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

1 个答案: