homeホームHTMLに役立つヒントJAVAスクリプトコレクション > メニューセレクトでページジャンプさせる

メニューセレクトでページジャンプさせる


 このスクリプトは僕の開発ではない。雑誌か何かに掲載されていたものだと思う。備忘録として掲載。

 これにはJAVAを使うのが簡単。
1. head部に次のJAVAスクリプトをおく。

 <SCRIPT LANGUAGE="JavaScript">
<!--
var index = 0;
function MenuSelect( url )
	{
		if( url != "" ){
			self.location = url;
		}
	}
function comment( url ){
	var name = "url";
	url = url + '.html';
	navWindow=window.open( url , name , "width=370,height=340,scrollbars=yes,status=no,resizable=no");
 	self.status = "";
}
//-->
</SCRIPT>

2. メニュー部分には次のような記述をおく。

<FORM ACTION="./" METHOD="POST" ENCTYPE="x-www-form-urlencoded">
<SELECT NAME="new" onChange="MenuSelect(this.options[this.selectedIndex].value)">
<OPTION VALUE="http://URL1" SELECTED>メニュー1 
<OPTION VALUE="http://URL2">メニュー2 
</SELECT>
</FORM>

3. できあがり。

 同種のヤツはとほほさんのところにもあります。「セレクトボックスからジャンプする