How do I redirect form to different urls based on option selection

Question

1.00/5 (1 vote)

See more:

I want to redirect a form to different URLs based on option selection. However, it will redirect the user to the URL without the click submit button.

then, I do some changes, now it redirects to bad path

How can I fix this?

What I have tried:

https://codepen.io/wanted88/pen/YzyRXaa[^]

Posted 17-May-20 17:09pm

wanted88

Updated 24-Aug-21 20:23pm

Add a Solution

Comments

ZurdoDev 18-May-20 8:55am

What's wrong with the code you have?

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

F-ES Sitecore · Answer 1 · 2020-05-18T04:42:00

The problem with your code is that the form continues to submit after you click the submit button so it goes to your "action". To stop that use preventDefault

JavaScript

$(document).ready(function(){
	$("form").submit(function(e){
    e.preventDefault();
		location.href = $('#selectbox').val();
	});
});

Note it still won't work in that tool as some of those sites will refuse to load in an iframe, so to break out of the iframe you will need

JavaScript

$(document).ready(function(){
	$("form").submit(function(e){
    e.preventDefault();
		window.top.location.href = $('#selectbox').val();
	});
});

Member 15335427 · Answer 2 · 2021-08-24T20:23:00

Solution 2

$(document).ready(function(){
$("form").submit(function(e){
e.preventDefault();
window.top.location.href = $('#selectbox').val();
});
});

How to add target _blank code in there script ?

Posted 24-Aug-21 20:23pm

Member 15335427

Comments

Richard Deeming 25-Aug-21 3:57am

If you have a question, then ASK A QUESTION[^].

Your question is not a "solution" to someone else's question.