Page does not redirect when setting window.location in JavaScript

Question

I am trying to redirect the page dynamically depending upon the value of the dropdown box. I get the value of drop down box in JavaScript. Depending on the dropdown value I want to redirect the page.

This is sample code:

<script type="text/javascript">
        function RedirectMe(){
            var chosanDept = document.getElementById("Dept");
            var str = chosanDept.options[chosanDept.selectedIndex].text;
            if(str=='HR')
                { 
                    alert('Yes in IF' + str);
                    window.location = "http://www.google.com";
                }
        }
    </script>

here chosanDept is the variable to get the value of dropdown box. But I am not able to redirect page using various function like window.location, location.replace, location.href. And one more my if condition works, I get the alert 'Yes in IF HR'

What goes wrong here?

Do you get any errors in the console? (F12 in Chrome or IE, Ctrl+Shift+K in Firefox.) — RichieHindle
– RichieHindle, Commented Jul 16, 2013 at 8:12
@RichieHindle, i didn't get any errors in console in both the browser — ajay_t
– ajay_t, Commented Jul 16, 2013 at 8:19
Hi Optimus, your code works if you use onChange event on the select element like <select id="Dept" onChange="RedirectMe()"> <option>select</option> <option>HR</option> </select> — Rupam Datta
– Rupam Datta, Commented Jul 16, 2013 at 8:28
@RupamDatta Actually i am submitting the form. So i have added event in the form only as '"onSubmit = "RedirectMe()"'. And all the including select are inside the form only. — ajay_t
– ajay_t, Commented Jul 16, 2013 at 8:33
Okay. I tried your code and it worked like a gem. Anyways, great work. — Rupam Datta
– Rupam Datta, Commented Jul 16, 2013 at 8:37

Fiona - myaccessible.website · Accepted Answer · 2013-07-16 08:13:46Z

9

Try adding return false; to the end of your RedirectMe() function

And then wherever you are calling the function, make sure you put return there, like onclick="return RedirectMe();"

answered Jul 16, 2013 at 8:13

Fiona - myaccessible.website

15k17 gold badges85 silver badges118 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

ajay_t Over a year ago

thanks a lot, adding return false and return RedirectMe() works fine. But i am not getting how it works by adding return?. Because in the standalone application just for redirecting, it works without the return statement.

Fiona - myaccessible.website Over a year ago

@Optimus I believe it is because returning false cancels the submission of your form, which is what you want to do, stop submitting your form and go somewhere else.

ajay_t Over a year ago

yes, it doesn't submit the form with the return. So is there any other way to achieve this. Form submission and the redirection in the same.

Fiona - myaccessible.website Over a year ago

@Optimus Not as far a I know, I guess if you want to process the form submission and then redirect, you should do the redirect server side.

Collectives™ on Stack Overflow

Page does not redirect when setting window.location in JavaScript

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related