通过html选择更改URL

通过html选择更改URL的最佳方式是什么

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

更改为URL X
更改为URL Y

---

应该使用什么Javascript？

例如在标题中添加类似的内容

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

功能跳转菜单（targ、selObj、restore）{
eval（target+“.location=”+selObj.options[selObj.selectedIndex].value+“”）；
}

您的选择框如下所示

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

---

如果你有jQuery，你可以做

javascript:

$（'#select_url'）.change（函数（evnt）{location.href=$（this.val（）；}）

html:

…
-1。不要使用
eval（）
。这在这里是不必要的，而且这是一种非常糟糕的做法。。。其他人有一个很好的指南（其中包括一些不应该这样做的理由）。
<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>

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