- 締切済み
検索ファームの作り方について教えてください！
検索をフォームを作成したく、下記ソースで作成したのですが、 検索ボタンを押してもうまくページが開きません。 色々調べてみたのですが原因がわからず困っております。 どなたか分かるかたがいらっしゃいましたら教えて頂きたく思います。 また間違ってる箇所の指摘と出来れば解答も頂ければ助かります。 よろしくお願いします。 <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>
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- LancerVII
- ベストアンサー率51% (1060/2054)
こんにちは。 出来ないというのは何かエラーが出ていますか？ 特にエラーは出ていませんか？ 一応動作を確認して載せたソースです。 私の環境では検索できています。
- LancerVII
- ベストアンサー率51% (1060/2054)
こんにちは。 いろいろおかしいです。 function mySearch(frm)メソッドの終了"}"がありません。 <html>タグの位置が正しくありません。 <body></body>タグがありません。 とりあえず気づいたところを直してみたのが↓のソースです。 <html> <head> <title>検索ファームの作り方について教えてください！</title> <script type="text/javascript"> <!-- function mySearch(frm) { alert ( 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> <body> 検索フォーム<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> 細かいタグの使い方は修正していません。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_1_thumbnail_img_sm.png)
補足
解答ありがとうございます。 試してみたのですが、検索ワードを入力しての検索が出来ませんでした。 検索ワードを入れずにでしたら検索ボタンを押すことは出来るようになったのですが。 もし宜しければ何が原因か教えて頂ければ助かります。 厚かましくてすみません。。