根据选项选择将表单重定向到不同的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的

jQuery(function () {
    jQuery("#selectbox").change(function () {
        location.href = jQuery(this).val();
    })
})
评论
  • 未语人先羞
    未语人先羞 回复

    您可以使用jquery中的Submit方法,也可以使用类似的方法

    $(document).ready(function(){
    	$("form").submit(function(){
    		location.href = $('#selectbox').val();
    	});
    });
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
    <form action="#">
    	<select id="selectbox" name="">
    	    <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>