Redirigir en la opción de selección en el cuadro de selección

Por el momento estoy usando esto:

 

me redirige a la ubicación dentro del valor de la opción. Pero no funciona como se esperaba … significa que si hago clic en la primera opción de la selección, no se ejecuta la acción onChange. Estaba pensando en javascript, pero creo que tendréis mejores sugerencias chicos. Entonces, ¿cómo puedo hacer que funcione si hago clic en cada opción me redirigirá a su valor?

Como la primera opción ya está seleccionada, el evento de cambio nunca se activa. Agregue un valor vacío como el primero y verifique que esté vacío en la asignación de ubicación.

Aquí hay un ejemplo:

  

Y aquí está el violín: http://jsfiddle.net/bL5sq/

Recomiendo encarecidamente alejarse de JavaScript en línea, a algo como lo siguiente:

 function redirect(goto){ var conf = confirm("Are you sure you want to go elswhere?"); if (conf && goto != '') { window.location = goto; } } var selectEl = document.getElementById('redirectSelect'); selectEl.onchange = function(){ var goto = this.value; redirect(goto); }; 

Demostración de JS Fiddle (404 víctima de linkrot) .
Demostración de JS Fiddle a través de Wayback Machine .
Forked JS Fiddle para usuarios actuales .

En el marcado en JS Fiddle, la primera opción no tiene ningún valor asignado, por lo que hacer clic en ella no debe activar la función para hacer nada, y dado que es el valor predeterminado, haga clic en select y luego seleccione esa primera option predeterminada. el evento de change todos modos.

Actualizar:
Las URL de redireccionamiento del último ejemplo (2017-08-09) requerían cambios debido a errores relacionados con el contenido mixto entre JS Fiddle y ambos dominios, así como ambos dominios que requieren ‘sameorigin’ para el contenido enmarcado. – Albert

para hacerlo como una función de reutilización global utilizando jquery

HTML

  

Javascript usando jquery

 $('.select_location').on('change', function(){ window.location = $(this).val(); }); 

ahora podrá reutilizar esta función agregando .select_location class a cualquier clase Select element

Esto se puede archivar agregando código en el evento onchange del control de selección.

Por ejemplo:

  
  {{-- dynamic select/dropdown --}}