フォームからジャンプ


フォームの中のメニューからひとつ選んでGO!ボタンを押すと、選んだメニュー先にジャンプします。

 

 

これはJavaSceiptではありませんが、こっちの方が使い勝手がよいので取り上げました。

ジャンプしたい先のURLに書き換えて下さい。(「プログラム@」の青字の部分。)
また,同じページ内の指定のブックマークにもジャンプできます。
GO!ボタンも好きな文字に変えて下さい。(「プログラム@」の赤字の部分。)
ジャンプ先の追加は、<option value="******">******</option>を追加すれば増やせます。
なお、<select name="sele" size="1">のsizeの数字が1の時はフォームの表示が1段、3に変えると3段表示になります。

「ホームページを彩るJava」へ戻る


STEP1

HTMLの表示したいところにコピーして下さい。

プログラム@

<form method="post" name="navi">
<p><select name="sele" size="1">
<option selected value="java004.html">
選んで下さい。GO!でジャンプします</option>
<option value="009-1.html">次のページへ</option>
<option value="java009.html#ss">STEP1</option>
</select>
<input type="button" value="GO!"
onclick="location.href = document.navi.sele.options
[document.navi.sele.selectedIndex].value">
</p>
</form>


ページTOPへ