ansaurus

Question

Changing a page from DropDownList using jQuery

Answer 1

+2 A:

If I understand your question correctly, you are asking how do you automatically redirect to the given url, instead of having a click needed?

With Javascript, you can simply use the window.location property to redirect the browser.

window.location = '/somepath/someurl.htm';

This will bypass any need for a button click, etc. Just set the location to whatever value is selected in the dropdown.

KP 2010-07-13 19:46:22

Oh, yeah I forgot about that. I'm diving right back into web development and I got so focused on jQuery that I forgot simple javascript can do a lot of the things I need it to. Thanks for the simple and obvious solution!

Anders 2010-07-13 19:49:28

Answer 2

A:

try window.location.replace()

it wil redirect to the page automatically

Harsha M V 2010-07-13 19:49:17

Answer 3

+1 A:

Here's a slimmer version of what I think you're trying to do:

<!DOCTYPE html>
<html lang"en">
<head>
    <title>Select Me</title>
    <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"&gt;&lt;/script&gt;
    <script type="text/javascript">

        $(function () {

            var cPage = 'Roofing';

            $("#PageSelectDropDown > option[value=" + cPage + "]").attr("selected", "selected");

            $("#PageSelectDropDown").change(function () {
                window.location.href = "/Product/" + $("#PageSelectDropDown option:selected").attr('value');
            });
        });

    </script>
</head>
<body>
    <div>

        <select name="PageSelectDropDown" id="PageSelectDropDown"> 
            <option value="Insulation">Insulation</option> 
            <option value="Windows">Windows</option> 
            <option value="Siding">Siding</option> 
            <option value="Roofing">Roofing</option> 
            <option value="Gutters">Gutters &amp; Gutter Protection</option> 
            <option value="PatioDoors">Patio Doors</option>
        </select> 

    </div>
</body>
</html>

AndrewDotHay 2010-07-13 20:12:24

Cool, thanks for this simplification. Would you mind elaborating how this works a little bit since I am trying to (re)learn jQuery etc?

Anders 2010-07-13 20:34:26

The first one I believe says "Change the attribute of the option inside PageSelectDropDown to selected where the value is cPage". The second one seems to be "When I change, change the page location to ... ". I see that this way eliminates the if statement check I had to ignore the current page if it was selected. The event doesn't even fire if you select the same option again, so that if statement was completely unnecessary.

Anders 2010-07-13 20:56:03

You're exactly right.

AndrewDotHay 2010-07-13 21:07:58

ansaurus

tags:

views:

answers:

Changing a page from DropDownList using jQuery

related questions