やきにくとくにきや

WEBサービスとイベントに夢見るエンジニアの技術メモ、チラシの裏。そして焼肉たべたい

セレクトボックス選択型リンク

   

セレクトボックスがあってそっから選んでクリックすると別のページのとばされるタイプのリンク

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>セレクトボックスで選択してURL遷移するテスト</title>
</head>
<body>
<h2>リダイレクト(戻るボタンが効かない)</h2>
<form action="" method="GET" name="select">
<select onchange="location.replace(this.options[selectedIndex].value)" >
<option>-選択してください-</option>
<option value="http://e0166.blog89.fc2.com">ホームページを作る人のネタ帳</option>
<option value="http://www.paji.me/">パパパパ</option>
<option value="http://www.phpbook.jp/">PHPBook</option>
</select>
</form>
<h2>URL移動(戻るボタンが効かない)</h2>
<form action="" method="GET" name="select">
<select onchange="location.href = this.options[selectedIndex].value" >
<option>-選択してください-</option>
<option value="http://e0166.blog89.fc2.com">ホームページを作る人のネタ帳</option>
<option value="http://www.paji.me/">パパパパ</option>
<option value="http://www.phpbook.jp/">PHPBook</option>
</select>
</form>
</body>
</html>

いじょう

 - 未分類