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