什么是通过HTML来改变你的URL选择最好的方法是什么?更改URL选择
<select>
<option selected="selected">Change to URL X</option>
<option>Change to URL Y</option>
</select>
应该使用什么样的Javascript?
什么是通过HTML来改变你的URL选择最好的方法是什么?更改URL选择
<select>
<option selected="selected">Change to URL X</option>
<option>Change to URL Y</option>
</select>
应该使用什么样的Javascript?
添加例如类似的东西在头
<script language="JavaScript" type="text/javascript">
function jumpMenu(targ,selObj,restore){
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
}
</script>
和您的选择框看起来那么像这样
<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>
-1。不要使用'eval()'。这里没有必要,这是非常糟糕的做法。 http://blogs.msdn.com/ericlippert/archive/2003/11/01/53329.aspx ... http://www.jslint.com/lint.html和其他 – 2009-09-18 18:58:21
<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>
的target
一些有用的值可能是'window'
(当前窗口)或'top'
(打破框架集或iframe)。如果你想打开一个新的窗口,而不是,你可以使用navigateTo(this, 'someWindow', true);
的值“---属性---”使用各种属性作为记录here for Mozilla和here for IE设置。例如:
'height=300,width=400,top=100,left=100,statusbar=0,toolbar=1'
非常好!以上代码工作顺利。 – 2013-04-14 00:03:17
如果您有jQuery的你可以做...
的javascript:
$( '#select_url')变化(函数(EVNT){location.href = $ (this).val();});
HTML:
...
[http://www.cs.tut.fi/~jkorpela/forms/navmenu.html](http://www.cs.tut.fi /~jkorpela/forms/navmenu.html)有一个很好的指导(其中包括为什么你不应该这样做的一些很好的理由)。 – Quentin 2009-09-18 15:32:51