Html 根据选项选择将表单重定向到不同的URL

我想根据选项选择将表单重定向到不同的URL。 但是，它会将用户重定向到URL，而无需单击“提交”按钮

我怎样才能解决这个问题

<form action="#">
<select id="selectbox" name="" onchange="javascript:location.href = this.value;">
    <option value="https://www.google.com/" selected>Option1</option>
    <option value="https://www.maybank.com/">Option2</option>
    <option value="https://www.gmail.com/">Option3</option>

</select>

   <input type="submit" value="Submit">
</form> 

---

您可以使用jquery中的submit方法，您可以使用类似这样的方法

$（文档）.ready（函数（）{
$（“表格”）。提交（函数（）{
location.href=$（'#selectbox'）.val（）；
});
});

选择1
选择2
选择3
您可以使用jquery中的submit方法，您可以使用这样的方法


$（文档）.ready（函数（）{
$（“表格”）。提交（函数（）{
location.href=$（'#selectbox'）.val（）；
});
});

选择1
选择2
选择3
您好，我在codepen尝试过，但遇到了“错误路径”错误。请不要将codepen用于表单提交或重定向之类的操作，请花时间创建新的本地文件。Thank you.：）我也在我的代码中实现，但url更改为
http://127.0.0.1:5500/public/addstory.html?select=https%3A%2F%2Fwww.google.com%2F#
当我提交表单时，或者您可能需要event.preventDefault（）这是代码谢谢，我试过了，但仍然不起作用。这是完整的代码您好，我在codepen尝试过，但我遇到了“错误路径”错误。请不要使用codepen进行表单提交或重定向，请花时间创建新的本地文件。Thank you.：）我也在我的代码中实现，但url更改为
http://127.0.0.1:5500/public/addstory.html?select=https%3A%2F%2Fwww.google.com%2F#
当我提交表单时，或者您可能需要event.preventDefault（）这是代码谢谢，我试过了，但仍然不起作用。这是完整的代码
jQuery(function () {
    jQuery("#selectbox").change(function () {
        location.href = jQuery(this).val();
    })
})