带有自动提交功能的 HTML 表单

Question

我的 html 表单有问题，我在 google 上搜索了解决方案，但没有找到任何帮助。 我想做一个没有提交按钮的 html 表单，就像这里（搜索活动:)，当我选择选项时，它会将我重定向到所选选项的值

Answer 1

这是一个javascript问题。 使用 jQuery，你可以这样做：

$(document).ready(function($){
    $("select").on("change",function(){
        window.location.href = "http://example.com/"+$(this).val();
    });
});

Answer 2

将更改事件处理程序绑定到您的选择元素，并在触发时调用表单的submit()方法。

然后让您的服务器端表单处理程序重定向到您想要的页面。

<form action="redirector">
    <select name="destination">
        <option value="1">Some page</option>
        <option value="2">Some other page</option>
    </select>
    <!-- Normal submit button for when the JS fails -->
    <input type="submit" value="Go">
</form>
<script>
document.querySelector('select').addEventListener('change', submitForm);
function submitForm(event) {
    event.target.form.submit();
}
</script>