Question

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

Answer 1

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

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

Answer 2

将更改事件处理程序绑定到select元素，并在触发时调用表单的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>

自动提交的Html表单

2 个答案: