• 締切済み

HTML プルダウンによる検索

はじめまして。 学校でHTMLを習い早速簡単なものを作っているのですが、プルダウンワンクリックで検索エンジンを複数選択し、プルダウウンをダブルクリックで検索かけさせたいのですが、入力の順序やonclickやondblclickのダブルコーテーションの中に入力するものがわかりません。 一応、ソースを張っておきますので、質問内容の説明不足がありましたら気軽にお申し付けください。 <body>まで省き <div align="center"> <from action="http://www.google.com/search , http://search.yahoo.co.jp/search" method="get" ondblclick="" target="_blank"> <input type=text name=q , p style="width:80%" value=""> <select name="search engine" onclick="" multiple> <option value="g">Google</option> <option value="y">Yahoo</option> </select> </form> </div>

  • s4239
  • お礼率42% (9/21)
  • HTML
  • 回答数1
  • ありがとう数1

みんなの回答

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

たとえばこんな感じ? <script> function s(f){ var se=f.elements["se"]; for(var i=0;i<se.options.length;i++){ if(se.options[i].selected){ switch(se.options[i].value){ case "g": document.getElementById("searchword").name="q"; f.action="http://www.google.com/search"; f.submit(); break; case "y": document.getElementById("searchword").name="p"; f.action="http://search.yahoo.co.jp/search"; f.submit(); break; } } } } </script> <form action="#" method="get" target="_blank"> <p> <input type="text" id="searchword" value=""> <select name="se" multiple> <option value="g">Google</option> <option value="y">Yahoo</option> </select> <input type="button" onclick="s(this.form);" value="go"> </p> </form> 日本語の処理とかサーチエンジンごとに調整してください

s4239
質問者

お礼

ありがとうございます! 参考になりました!

関連するQ&A

  • 検索フォームで大変困ってます

    今select boxを用意したマルチな検索フォームを作ってます。 現在困ってる内容は検索した後に、文字化けを起こしてしまいます。 色々調べてみたのですが原因がわからず困っております。 どなたか分かるかたがいらっしゃいましたら教えて頂きたく思います。 また間違ってる箇所の指摘と出来れば解答も頂ければ助かります。 よろしくお願いします。 <script type="text/javascript" charset="ja"> function dosearch() { var sf=document.searchform; var submitto = sf.sengines.options[sf.sengines.selectedIndex].value + escape(sf.searchterms.value); window.location.href = submitto; return false; } </script> <div class="search"> <form name="searchform" onSubmit="return dosearch();"> <input type="text" name="searchterms"> <input type="image" alt="検索" width=30 height=30 src="Search.png" style="vertical-align:-10px;> </form> </div> <div class="select"> <form name="searchform" onSubmit="return dosearch();"> <select name="sengines"> <option value="http://www.google.com/search?q=" selected>Google</option> <option value="http://search.yahoo.co.jp/search?p=">Yahoo</option> <option value="http://www.bing.com/search?q=">Bing</option></select> </form> </div>

    • ベストアンサー
    • HTML
  • 検索ファームの作り方について教えてください!

    検索をフォームを作成したく、下記ソースで作成したのですが、 検索ボタンを押してもうまくページが開きません。 色々調べてみたのですが原因がわからず困っております。 どなたか分かるかたがいらっしゃいましたら教えて頂きたく思います。 また間違ってる箇所の指摘と出来れば解答も頂ければ助かります。 よろしくお願いします。 <head> <script type="javascript"> <!-- function mySearch(frm) { var select = frm.elements["site"]; var sitename = select.options[select.selectedIndex].value; var word = frm.elements["word"].value; document.forms[sitename].elements[0].value = word; document.forms[sitename].submit(); //--> </script> </head> <html> 検索フォーム<br> <form name="google" method="get" action="http://www.google.co.jp/search"> <p><input type="hidden" name="q" value=""></p> </form> <form name="yahoo" method="get" action="http://search.yahoo.co.jp/search"> <p><input type="hidden" name="p" value=""></p> </form> <form lang="ja" onsubmit="mySearch(this); return false;"> <p>検索ワード<input type="text" name="word" size="30"> </p> <p>検索サイト <select name="site"> <option value="google">google</option> <option value="yahoo">yahoo</option> </select></p> <input type="submit" value="検索"> </form> <hr> </html>

  • プルダウンメニューでフォームのターゲット先を変更したい。

    プルダウンメニューでフォームのターゲット先を変更する方法をしえてもらえませんか? 下記の様にすると_topを指定しても新しいウィンドウが開いてしまいます。 <FORM name="test2" action="http://hoge.cgi" target=yyy.value> <INPUT type="text" size="34" name="word"><SELECT name="search"> <OPTION value="yahoo" selected>Yahoo!Japan</OPTION> <OPTION value="google">google</OPTION> </SELECT> <SELECT name="yyy"> <OPTION selected>窓選択</OPTION> <OPTION value="_blank">別窓</OPTION> <OPTION value="_top">同窓</OPTION> </SELECT> <INPUT type="submit" value="検索"> </FORM>

  • 複数プルダウンで検索

    楽天市場自社サイト内に、3種類のプルダウンから選択した商品を検索したく試行錯誤していますが私の知識では限界だと言うことがわかりました。 お力をいただければと思い投稿いたしました。 何か良い方法はありますでしょうか <BODY> <FORM name="myForm" method="GET" action="http://esearch.rakuten.co.jp/rms/sd/esearch/vc?" target="_blank"> 種類<BR> <SELECT NAME="t1"> <OPTION VALUE="Tシャツ" SELECTED>Tシャツ <OPTION VALUE="Gパン">Gパン <OPTION VALUE="トレーナー">トレーナー </SELECT> <BR> サイズ<BR> <SELECT NAME="t2"> <OPTION VALUE="S" SELECTED>S <OPTION VALUE="M">M <OPTION VALUE="L">L </SELECT> <BR> 色<BR> <SELECT NAME="t3"> <OPTION VALUE="レッド" SELECTED>レッド <OPTION VALUE="ホワイト">ホワイト <OPTION VALUE="ブラック">ブラック </SELECT> <BR> <BR> <BR> <input type="hidden" name="sid" value="xxxxxx"><input type="hidden" name="su" value="xxxxxx"><input type="hidden" name="sn" value="xxxxxx"><input type="text" name="sitem"><BR> <input type="button" name="sitem" value="結合" onClick="ketugou()"><BR> <BR> <br> <input type="submit" value="商品検索"></FORM> </BODY>

  • フォームで絞込み検索機能を持たせるには?

    CGIでキーワード検索システムを使用していますが、FORM等であらかじめ一部の語句だけを設定してお き、絞込み検索機能も持たせたいと考えています。ただデータを渡す際にうまくいきません。 どなたかデータの引渡しに関して、いい方法があればご教授ください。 使用想定例: <form method="POST" action="./search.cgi" enctype="multipart/form-data"> <select name="search"> <option value="" selected="selected">指定なし</option> <option value="ア行">ア行</option> 中略 <option value="ワ行">ワ行</option> </select> <select name="search"> <option value="" selected="selected">指定なし</option> <option value="Men">男性</option> <option value="Women">女性</option> </select> <select name="search">選択項目</select> は追加したいと考えています。 <input type="text" name="search" size="30" value="" /> <input type="submit" name="SUBMIT" value="検索" /> </form> タグ入力で  http://xxxx.com/search.cgi?search=ア行,Men と入力した場合、絞込み検索ができるようにはなっています。(カンマでand検索) ただ、自分の考えている例だと  http://xxxx.com/search.cgi?search=ア行&search=Men&search= のようにデータが渡されてしまい、検索対象全てがヒットしてしまいます。 フォームのNAME属性が同じものを「,」で連結する。みたいな動作ができればベストなんでしょうが 。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • プルダウンを連続してだしたいのですが

    プルダウンにあ行、か行などと入れてそこにあわせるとさらに右にあ行のプルダウンが出るようにしたいのですがどのようにしたらいいのでしょうか? <frome acton="xxx.cgi"> <div> <select name="gyou"> <option value="agyou">あ行 <select name="moji"> <option value="a">あ <option value="i">い <option value="u">う <option value="e">え <option value="o">お </select> <option value="katyou">か行 </select> </div> 一応考えてやっては見ましたができませんでしたので添削しながらでもやり方だけでもかまいませんので教えていただきたいです。

  • HTML内の指定の位置にプルダウンを読み込みたい

    まずラジオボタンがあって、 選択するとfunctionに格納してあるプルダウンを ラジオボタンの下の指定した箇所に表示させたいです。 ラジオボタンを変更すると、プルダウンも変わるようにしたいです。 教えてください。お願いします。 <HTML><HEAD> <script type="text/javascript"><!-- function pulldown1(){ document.write('<select name="AAA" size="1">'); document.write('<option value="1-1" selected>1-1</option>'); document.write('<option value="1-2">1-2</option>'); document.write('</select>'); } function pulldown2(){ document.write('<select name="BBB" size="1">'); document.write('<option value="2-1" selected>2-1</option>'); document.write('<option value="2-2">2-2</option>'); document.write('</select>'); } //--></script> <style type="text/css"> </HEAD> <BODY><FORM> <INPUT type="radio" name="rdoSample" onClick="pulldown1()">タイプ1 <BR> <INPUT type="radio" name="rdoSample" onClick="pulldown2()">タイプ2 </FORM></BODY> </HTML>

  • プルダウンメニューのHTMLタグ

    プルダウンメニューを自分のホームページに取り入れたいのですが、 フレームで区切っているためにリンク先をどうやって設定すればいいか困っています。 ちなみに、プルダウンのタグはやはりこの質問サイトで見つけた 新しいページを開いてロードしたいのであれば、 <SELECT onChange="window.open(this.value,'_new'); return false ;"> <OPTION> <OPTION VALUE=http://www.goo.ne.jp/>goo <OPTION VALUE=http://www.google.co.jp/>google <OPTION VALUE=http://www.yahoo.co.jp/>yahoo </SELECT> というのを使おうと思っています。 新しいウィンドウではちゃんと開きました。 ターゲットをrightという名前に設定したいのですが、どうすればいいでしょうか? とても困っています。。。 また、これだとプルダウンを開く前は文字のない状態なのですが、 文字を入れるにはどうしたらいいですか?例えば「選択してください」など。

  • PHPで日付の範囲検索

    PHPを使って日付の範囲検索を実装しています。日付をセレクトフォームで選択し、該当する日時をSELECT文で記述するという流れです。イメージは以下のような感じですが、大体合っていますか? <? php if (!empty(filter_input(INPUT_POST, 'day'))) { $day = filter_input(INPUT_POST, 'day'); ・・・・ SELECT 文   ・・・・ ?> <html> <div class="search"> <form method="post"> <select name="year"> <?php for ($i=2000; $i <= 2021; $i++) { $year .= '<option value="'.$i.'">'.$i.'年</option>'; } ?> </select> <select name="month"> <?php for ($i=1; $i <= 12; $i++) { $month .= '<option value="'.$i.'">'.$i.'月</option>'; } ?> </select> <select name="day"> <?php for ($i=1; $i <= 31; $i++) { $day .= '<option value="'.$i.'">'.$i.'日</option>'; } ?> </select> <input type="hidden" name="search" value="<?php echo $_POST['year'].'-'. $_POST['month'].'-'. $_POST['date']; ?>"> <input type="submit" value="検索"> </form> </div> </html>

    • ベストアンサー
    • PHP
  • プルダウンを2個選び、その結果に基づき、値を返す。

    プルダウンを2個選び、その結果に基づき、値を返したいです。 以下はそのhtml文です。 <!DOCTYPE html> <html> <head> <title>プルダウンのメニューを表示を2つ設定</title> <script> function selectboxChange() { var value1 = document.forms.form1.Select1.value; var value2 = document.forms.form11.Select11.value; var target = document.getElementById("output11"); if ((value == "要素1")&&(value == "要素11")) { target.innerHTML = "合っています。"; } else { target.innerHTML = "間違っています。"; } } //--------------------- // </script> </head> <body> <div>プルダウンのメニュー1</div> <form name="form1" action=""> <select id="Select1" onchange="selectboxChange();"> <option>---</option> <option value="要素1">要素1</option> <option>要素2</option> <option>要素3</option> <option>要素4</option> <option>要素5</option> </select> </form> <div>プルダウンのメニュー2</div> <form name="form11" action=""> <select id="Select11" onchange="selectboxChange();"> <option>---</option> <option value="要素11">要素1</option> <option>要素2</option> <option>要素3</option> <option>要素4</option> <option>要素5</option> </select> </form> <div id="output11"></div> </body> </html> プルダウンを2個紐づけたいのですが、var value=document.formsの文言を紐づけようとしましたが、 紐づけができません。 ですので、打開案をご教授願えたら幸いです。