HOME >> Java Script > セレクトボックスを使ったリンク no.1

　セレクトボックスを使ったリンク no.1

セレクトボックスでリンク先を選択して、ボタンを押せばリンク先へ移動します。

サンプル - Microsoft Internet Explorer

ソース

<HTML>
<HEAD>
<TITLE>セレクトボックスを使ったリンク</TITLE>
</HEAD>
<BODY>
<FORM name="fr01">
<SELECT name="sl02">
<OPTION value="#" selected>メニュー</OPTION>
<OPTION value="http://masaboo.cside.com/">ホーム</OPTION>
<OPTION value="h_menu.htm">HTMLメニュー</OPTION>
<OPTION value="s_menu.htm">Style　Sheetメニュー</OPTION>
</SELECT>
<INPUT type="button" value="GO" 
  onClick="location.href = fr01.sl02.options[document.fr01.sl02.selectedIndex].value">
</FORM>
</BODY>
</HTML>

■ ソースの説明

<FORM>～</FORM>の範囲内のソースを表示したい所に記入して下さい
茶色の部分のメニューは、最初に表示されるテキストです。
オレンジ色の部分（http://～など）には、アドレスを入れて下さい。
緑色の部分（ホームなど）には、セレクトボックスに表示する説明文を入れます。

■スポンサード・リンク

HOME >>JavaScript

次のページ >>