2012-09-12 12 views
12

nuovo su JavaScript che cerca aiuto. Ho un modulo con una selezione a discesa con 5 opzioni. Option1 Opzione2 Opzione3 Opzione4 Option5' Reindirizza il modulo a un URL diverso in base all'elemento di opzione select

ho bisogno di avere la forma di reindirizzare ad un altro URL se una qualsiasi delle opzioni sono selezionate a parte l'opzione 1 che dovrebbe essere quello di default al caricamento della pagina.

Grazie in anticipo

ho usato solo le seguenti

<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

Ci devono essere almeno 3.534.153 tutorial e post SO su come farlo. –

risposta

35

Basta usare un onchnage Event per casella di selezione.

<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> 

E se l'opzione selezionata per essere caricato al caricamento della pagina quindi aggiungere un po 'di codice JavaScript

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

per jQuery: Rimuovere l'evento onchange da <select> tag

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

se volessi ottenere lo stesso risultato usando solo jQuery? – user1400854

+0

@ user1400854: modificato la risposta. –

1

è possibile utilizzare questo modo semplice

<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> 

reindirizzerà a route url è possibile indirizzare alla pagina .html o indirizzare a qualche link basta cambiare value in opzione.

Problemi correlati