select box onchange submitthis.form.submit();

選択肢を選ぶとgoogleに飛ぶ

	<!DOCTYPE html>
	<html lang="ja">
		<head>
			<meta charset="utf-8">
			<title>select box onchange submit</title>
			<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
	<script>
	
	</script>
	<style type="text/css">
	
	</style>
	</head>
	<body>
	<form action="https://www.google.co.jp/search">
		<select size="1" name="q" onchange="this.form.submit();">
			<option value="">選択肢から検索します</option>
			<option value="サンプル2">選択肢のサンプル2</option>
			<option value="サンプル3">選択肢のサンプル3</option>
			<option value="サンプル4">選択肢のサンプル4</option>
			<option value="サンプル5">選択肢のサンプル5</option>
		</select>
	</form>
	</body>
	</html>

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2013-05-28 (火) 14:16:29 (2159d)