2012-09-12 9 views
12

nuevo en JavaScript que busca ayuda. Tengo un formulario con un menú desplegable de selección con 5 opciones. Opción 1 Opción 2 opción3 Opción4 Option5' Redirige el formulario a diferentes URL según el elemento de opción de selección

Necesito tener la forma de redirigir a otra URL si alguna de las opciones se seleccionan además de la opción 1 que debe ser el que viene por defecto al cargar la página.

gracias de antemano

Yo sólo se utiliza la siguiente

<form action="" id="main" name="main" method="get" onChange="top.location.href=this.options[this.selectedIndex].value;" value="GO"> 

<select id="Region" name="Region" tabindex="7"> 
    <option value="/url">Option1</option> 
    <option value="/url">Option2</option> 
    <option value="/url">Option3</option> 
    <option value="/url>Option4</option> 
    <option value="" selected="selected">Option5</option>' 
</select> 
+0

Debe haber al menos 3,534,153 tutoriales y publicaciones de SO sobre cómo hacer esto. –

Respuesta

35

Sólo tiene que utilizar un onchnage Event para la caja de selección.

<select id="selectbox" name="" onchange="javascript:location.href = this.value;"> 
    <option value="https://www.yahoo.com/" selected>Option1</option> 
    <option value="https://www.google.co.in/">Option2</option> 
    <option value="https://www.gmail.com/">Option3</option> 

</select> 

Y si la opción seleccionada para ser cargado en la carga de la página a continuación, añadir algo de código Javascript

<script type="text/javascript"> 
    window.onload = function(){ 
     location.href=document.getElementById("selectbox").value; 
    }  
</script> 

para jQuery: Retire el evento onchange de <select> etiqueta

jQuery(function() { 
    // remove the below comment in case you need chnage on document ready 
    // location.href=jQuery("#selectbox").val(); 
    jQuery("#selectbox").change(function() { 
     location.href = jQuery(this).val(); 
    }) 
}) 
+0

si quisiera lograr el mismo resultado usando solo jQuery? – user1400854

+0

@ user1400854: editó la respuesta. –

1

puede utilizar de esta manera simple

<select onchange="location = this.value;"> 
       <option value="/finished">Finished</option> 
       <option value="/break">Break</option> 
       <option value="/issue">Issues</option> 
       <option value="/downtime">Downtime</option> 
</select> 

redireccionará a la url de ruta puede dirigir a la página .html o directamente a algún enlace simplemente cambie value en la opción.

Cuestiones relacionadas