Onchange open URL via select - jQuery

Question

What would be the best way to attach an event so on change of a select option a URL. Store the href in an attr and grab it on change?

Answer 1

It is pretty simple, let's see a working example:

  Pick a Website
  Google
  YouTube
  GuruStop.NET

$(function() {
  // bind change event to select
  $('#dynamic_select').on('change', function() {
    var url = $(this).val(); // get selected value
    if (url) { // require a URL
      window.location = url; // redirect
    }
    return false;
  });
});

  Pick a Website
  Google
  YouTube
  GuruStop.NET

.

Remarks:

• The question specifies jQuery already. So, I'm keeping other alternatives out of this.
• In older versions of jQuery (< 1.7), you may want to replace on with bind.
• This is extracted from JavaScript tips in Meligy’s Web Developers Newsletter.

.