- 締切済み
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>
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- yambejp
- ベストアンサー率51% (3827/7415)
たとえばこんな感じ？ <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> 日本語の処理とかサーチエンジンごとに調整してください
お礼
ありがとうございます！ 参考になりました！