[ 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>