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

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

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

サンプル - Microsoft Internet Explorer

ソース

<HTML>
<HEAD>
<TITLE>セレクトボックスを使ったリンク</TITLE>
</HEAD>
<BODY>
<FORM name="fr11">
<SELECT name="sl12" size="1" 
onChange="location.href=fr11.sl12.options[document.fr11.sl12.selectedIndex].value">
<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>
</FORM>
</BODY>
</HTML>

■ ソースの説明

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

■スポンサード・リンク

HOME >>JavaScript

次のページ >>

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

■ ソースの説明

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