Changement d'URL via html sélectionnez

Question

Quelle est la meilleure façon de changer votre URL via un select html?

<select> 
<option selected="selected">Change to URL X</option> 
<option>Change to URL Y</option> 
</select> 

Quel langage Javascript doit être utilisé?

Answer 1

ajoutant par exemple quelque chose comme ça dans l'en-tête

<script language="JavaScript" type="text/javascript"> 
function jumpMenu(targ,selObj,restore){ 
    eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); 
} 
</script> 

et votre boîte de sélection ressemble alors à ce

<select onchange="jumpMenu('parent',this)> 
<option selected="selected">Change to URL X</option> 
<option value="http://www.example.com">Change to URL Y</option> 
</select> 

Answer 2

<script type="text/javascript"> 
function navigateTo(sel, target, newWindow) { 
    var url = sel.options[sel.selectedIndex].value; 
    if (newWindow) { 
     window.open(url, target, '--- attributes here, see below ---'); 
    } else { 
     window[target].location.href = url; 
    } 
} 
</script> 

<select onchange="navigateTo(this, 'window', false);"> 
<option selected="selected" value="http://www.example.com/#X">Change to URL X</option> 
<option value="http://www.example.com/#Y">Change to URL Y</option> 
</select> 

Certaines valeurs utiles de target pourraient être 'window' (la fenêtre en cours) ou 'top' (pour sortir d'un jeu de cadres ou d'iframe). Si vous souhaitez ouvrir une nouvelle fenêtre à la place, vous pouvez utiliser navigateTo(this, 'someWindow', true);

La valeur de « --- attributs --- » est définie en utilisant diverses propriétés comme indiqué here for Mozilla et here for IE. Par exemple:

'height=300,width=400,top=100,left=100,statusbar=0,toolbar=1' 

Answer 3

Si vous avez jQuery vous pouvez faire ...

javascript.

$ ('# select_url') changement (fonction (evnt) {location.href = $ (this) .val();});

html:

...