[ JavaScript ] プルダウンでエンジンを切り替えて検索するサンプル

プルダウンメニューで検索エンジンを切り替えて検索するサンプルを作ってみました。文字コードが、UTF-8 以外だと動かないかも。

この記事の目次非表示

実際に動作するサンプル
サンプルコード
動作確認

実際に動作するサンプル

サンプルコード

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>エンジンを切り替えて検索</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function srchall(){ q = document.forms[0].q.value; e = document.forms[0].e.value; if(q!=''){ if (e == 'yahoo') { //alert ('yahoo'); window.open('http://search.yahoo.co.jp/search?p=' + q,"searchwindow"); } else if (e == 'google') { //alert ('google'); window.open('http://www.google.co.jp/search?hl=ja&q=' + q,"searchwindow"); } }
}
//-->
</script>
</head>
<body>
<!-- begin search -->
<form method="get" action="" onSubmit="srchall();return false;">
<select>
<option value="yahoo">Yahoo</option>
<option value="google">Google</option>
</select>
<input type="text">
<input name="" type="submit">
</form>
<!-- end search -->
</body>
</html>

動作確認

OK – Mac Safari 2.0.2

現場からは以上です。それでは、またッ！！！