html - Page does not redirect when setting window.location in JavaScript - Stack Overflow

admin管理员组

文章数量:1344330

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 = "";
                }
        }
    </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?

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.";
                }
        }
    </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?

• javascript
• html
• http-redirect
• window.location

Share Improve this question Follow edited Dec 24, 2014 at 21:11 Jeffrey Bosboom 13.7k1616 gold badges8181 silver badges9494 bronze badges asked Jul 16, 2013 at 8:09 ajay_tajay_t 2,38577 gold badges4040 silver badges6565 bronze badges 5

• Do you get any errors in the console? (F12 in Chrome or IE, Ctrl+Shift+K in Firefox.) – RichieHindle Commented Jul 16, 2013 at 8:12
• @RichieHindle, i didn't get any errors in console in both the browser – 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 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 Commented Jul 16, 2013 at 8:33
• Okay. I tried your code and it worked like a gem. Anyways, great work. – Rupam Datta Commented Jul 16, 2013 at 8:37

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 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();"

本文标签： htmlPage does not redirect when setting windowlocation in JavaScriptStack Overflow