プルダウンメニュー


プルダウンメニューのリンクです

サンプル（リンク先をクリックするとジャンプします。）


↓↓

ソースは下記のようになります。自分のホームページの表示したいところにコピーして下さい。

<FORM NAME="form1">
<SELECT NAME="select1" onChange="if(document.form1.select1.value){location.href=document.form1.select1.value;}">
<option> ▼ 下から選択してください</option>
<option value="http://yume.hacca.jp/koiki/sample/">小粋サンプルページへ</option>
<option value="http://www.yahoo.co.jp/">Yahoo Japan</option>
<option value="http://www.google.co.jp/">Google</option>
<option value="http://www.goo.ne.jp/">goo</option>
</SELECT>
</FORM>

上記のソース　コピーして使用して下さい



FORM NAME= 任意の名前をつけてください
SELECT NAME= 任意の名前をつけてください
同一ページで複数のプルダウンリンクを作成する場合
FORM NAME、SELECT NAMEにつける名前は各リンクごとに変えてください。同じ名前にするとエラーになり作動しなくなります。

サンプル（リンク先を選択した後にボタンを押してジャンプするタイプです。）


↓↓

ソースは下記のようになります。自分のホームページの表示したいところにコピーして下さい。

<FORM name="form2">
<SELECT NAME="select2">
<option SELECTED> ▼ 下から選択してください</option>
<option value="http://yume.hacca.jp/koiki/sample/">小粋サンプルページへ</option>
<option value="http://www.yahoo.co.jp/">Yahoo</option>
<option value="http://www.google.co.jp/">Google</option>
<option value="http://www.goo.ne.jp/">goo</option>
</SELECT> <INPUT type="button" onclick="if(document.form2.select2.value){location.href=document.form2.select2.value;}" value="Go!"></FORM>

上記のソース　コピーして使用して下さい



FORM NAME= 任意の名前をつけてください
SELECT NAME= 任意の名前をつけてください
同一ページで複数のプルダウンリンクを作成する場合
FORM NAME、SELECT NAMEにつける名前は各リンクごとに変えてください。同じ名前にするとエラーになり作動しなくなります。

関連項目・関連ページ

同じページ内や他のページの任意の場所へリンク

●当サイトのソースは、IE6.0＋のみ動作確認をしております。 それ以外のブラウザでは正しく作動しない場合がございます。ご了承下さい。