[JavaScript] プルダウンで選択したページへリダイレクト

JavaScriptのポイントとなる部分

<select onchange="location.href = this.options[this.selectedIndex].value">
〜 中略 〜
</select>

■PHPの記述例

<?php
$bookmarks = array(
	0 => array('name' => 'Google', 'url' => 'http://www.google.co.jp/'),
	1 => array('name' => 'Yahoo!Japan', 'url' => 'http://www.yahoo.co.jp/'),
	2 => array('name' => 'Amazon', 'url' => 'http://www.amazon.co.jp/'),
	);
?>

<?php if (!empty($bookmarks)) : ?>
	<select onchange="location.href = this.options[this.selectedIndex].value">
		<option value="">選択してください</option>
		<?php foreach ($bookmarks as $key => $val) : ?>
		<option value="<?php echo $val['url']?>">
			<?php echo $val['name']?>
		</option>
		<?php endforeach; ?>
	</select>
<?php endif; ?>
こちらもあわせてどうぞ
  1. [JavaScript] IE9.js
  2. [JavaScript] ポップアップウィンドウ
  3. [JavaScript] 現在の年月日とデジタル時計を表示
  4. [JavaScript] 印刷するボタン
  5. [JavaScript] onloadイベントを複数記述する方法
  6. [JavaScript] 指定時刻に表示を切り替える
HatenaGoogle BookmarksYahoo BookmarksFacebook

コメントする

*