[ 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 name="form1" method="get" action="" onSubmit="srchall();return false;">
<select name="e">
<option value="yahoo">Yahoo</option>
<option value="google">Google</option>
</select>
<input type="text" name="q">
<input name="" type="submit">
</form>
<!-- end search -->
</body>
</html>

実際に動作するサンプル

動作確認

OK – Mac Safari 2.0.2

コメントを残す

メールアドレスが公開されることはありません。