ASP.NET MVC: Redirect user to route with parameters from a drop down list

Question

I have a drop down list (<select> tag) filled with bikes (more specifically their names). When a user selects a bike in the list I want them to be redirected to the details page for the selected bike.

I have a route for bike details as such:

routes.MapRoute("BikeDetails",
                "bike/{bikeId}",
                new {
                    controller = "Bike",
                    action = "Details"
                },
                new { bikeId = @"\d+" });

What is the best way solve this?

I'm thinking maybe I should use the URLs for the drop down list item values and then use JQuery to redirect to the selected URL. But having dealt with old plain ASP.NET before, I can't help but think the guys at Microsoft have thought something clever out for scenarios such as this one.

Any ideas appreciated!

tvanfosson · Accepted Answer · 2010-07-27 14:56:51Z

2

I think your jQuery idea is really the way to go, though I'd probably not tie it to the select's change event, but have a button that triggers the redirect. Some browsers, especially using screen readers, don't behave well with the change event - firing it for each item as you scroll over it. Since it's taking you away from the page, that might be a really bad thing for some users.

You probably also need to have the select wrapped in a form that posts back to the action and a route that allows you to get to that action via the post. That action can accept the URL as a parameter and issue the redirect to the URL. This will cover you in the case where javascript is turned off.

answered Jul 27, 2010 at 14:56

tvanfosson

534k102 gold badges703 silver badges801 bronze badges

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

Comments

igorti · Accepted Answer · 2010-07-27 14:53:48Z

0

You could do like this:

$("#yourselectid").change(function(){
  window.location = "bike/" + $(this).val();
});

answered Jul 27, 2010 at 14:53

igorti

3,8763 gold badges25 silver badges29 bronze badges

2 Comments

Deniz Dogan Over a year ago

That would be the easiest way, but not very maintainable. :/ What if for example the route changes?

igorti Over a year ago

Well, one step towards making this more maintainable could be to create a global JSON object on the server-side at runtime which would contain routename/routeurl. Then in your javascript you could write something like window.location = approutes["BikeDetails"] + $(this).val(); Exactly how you implement this functionality is another question :)

Collectives™ on Stack Overflow

ASP.NET MVC: Redirect user to route with parameters from a drop down list

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related