Question

我想根据选项选择将表单重定向到其他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();
    })
})

Answer 1

您可以使用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>

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

1 个答案: