redirect su selezionare l'opzione nella casella di selezione

Question

Al momento mi sto usando questo:

<select ONCHANGE="location = this.options[this.selectedIndex].value;"> 

mi reindirizzare sulla posizione interna del valore di opzione. Ma non funziona come previsto .. significa che se clicco sulla prima opzione della selezione, l'azione onChange non è in esecuzione. Stavo pensando a javascript, ma penso che avrai qualche suggerimento migliore ragazzi. Quindi, come posso farlo funzionare se faccio clic su ciascuna opzione che mi reindirizzerà al suo valore?

Answer 1

Poiché la prima opzione è già selezionata, l'evento di modifica non viene mai attivato. Aggiungi un valore vuoto come primo e controlla vuoto nell'assegnazione della posizione.

Ecco un esempio:

<select onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);"> 
    <option value="">Select...</option> 
    <option value="http://google.com">Google</option> 
    <option value="http://yahoo.com">Yahoo</option> 
</select> 

Ed ecco il violino: http://jsfiddle.net/bL5sq/

Answer 2

avrei suggeriscono fortemente allontanandosi dalla linea JavaScript, per qualcosa come il seguente:

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

}; 

JS Fiddle demo (404 linkrot victim) .
JS Fiddle demo via Wayback Machine.
Forked JS Fiddle for current users.

del mark-up in JS Fiddle la prima opzione non ha valore assegnato, quindi clic su di esso non dovrebbe far scattare la funzione di fare qualsiasi cosa, e dal momento che è il valore di default cliccando sul select e selezionando quella prima di default option non attiverà comunque l'evento change.

Aggiornamento:
L'ultimo esempio di (2017-08-09) reindirizzare gli URL richiesto sostituendo a causa di errori per quanto riguarda il contenuto misto tra JS Fiddle ed entrambi i domini, così come entrambi i domini che richiedono 'sameorigin' per i contenuti incorniciata. - Albert