備忘録

プルダウンメニューをつかったリンク【コピペ】

JavaScriptのスクリプト言語を設定する

1.HTML文章内の <head> ~ </head> 内に スクリプト言語を設定

<html>
<head>
<title>タイトル</title>
<script language="javascript">
<!--
function menuLink(linkLoc)
{ if(linkLoc !="") { window.location.href=linkLoc;} }
//-->
</script>
</head>

こちらは メニューをセレクトするだけで 指定されたページに
ジャンプするようになっています。
onChange という命令文で メニューをセレクトしたらURLに
移動してください という設定になっているわけです。

表示例:


 

<form name="form1">
<select name="menu1" onChange="MM_jumpMenu('parent',this,0)">
<option>▼ 選択してください</option>
<option value="http://www.yahoo.co.jp/">Yahoo Japan</option>
<option value="http://www.google.co.jp/">Google</option>
<option value="http://www.infoseek.co.jp/">infoseek</option>
<option value="http://www.goo.ne.jp/">goo</option>
</select>
</form>

ブログ村

-備忘録
-, , , , ,

© 2024 GINGER.COM Powered by AFFINGER5