htmlを使用してURLを変更するにはどうすればよいですか?htmlを使用してURLを変更する
<select>
<option selected="selected">Change to URL X</option>
<option>Change to URL Y</option>
</select>
どのようなJavascriptが必要ですか?
htmlを使用してURLを変更するにはどうすればよいですか?htmlを使用して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>
とあなたの選択ボックスのようなものがtarget
のいくつかの有用な値は'window'
(現在のウィンドウかもしれません。この
<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など –
<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>
のように、その後に見え例えば追加)または'top'
(フレームセットまたはiframeから抜け出す)。あなたが代わりに新しいウィンドウを開きたい場合は、「--- ---属性」navigateTo(this, 'someWindow', true);
の値を使用することができがhere for Mozillaとhere for IEを文書化などの様々なプロパティを使用して設定されています。たとえば:。
$( '#のselect_url')の変化(機能(EVNT){LOCATION.HREF = $:あなたはjQueryのを持っている場合は
'height=300,width=400,top=100,left=100,statusbar=0,toolbar=1'
優秀!上記のコードはスムーズに動作します。 –
あなたは...
JavaScriptを行うことができます(this).val();});
HTML:
...
[http://www.cs.tut.fi/~jkorpela/forms/navmenu.html](http://www.cs.tut.fi /~jkorpela/forms/navmenu.html)は良いガイドを持っています(あなたがこれをしてはならない理由がいくつかあります)。 – Quentin