I have a drop down list. How can make the selected value stay selected even after the javascript function is executed. Right now, no matter what option I select, after the javascript function is run, the drop down defaults back to first option.

```
                 <%=Html.DropDownList("MovieType", new List<SelectListItem>
                     {
                        new SelectListItem{ Text="Kids", Value = "Kids" }, 
                        new SelectListItem{ Text="Adults", Value = "Adults" }

                     }, new { onchange = "GetGenre()" })%>

```

Javascript

```
function GetGenre()
{   
    var e = document.getElementById("MovieType");
    var SelValue = e.options[e.selectedIndex].value;

    if (SelValue == "Kids")
        window.location.href = "";
    else
        window.location.href = "";    

}

```

Edit:

I have two controllers in MVC3, KidsController and AdultsController.. I want to route to each controller based on what is picked...