![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
検索窓とプルダウンメニュー機能の作り方で困っています。どなたか教えていただけますか?
【やりたいこと】
■検索窓とその横にプルダウンメニュー(4つのカテゴリ名から選択可能)、そして検索ボタンがあります。
1.検索窓に任意のキーワード(仮:「あいうえお」)を入力 ※1
2.次にプルダウンメニューの中からカテゴリを1つ選択(仮:「ABCD」)※2
3.検索ボタンを押すと、検索窓内に表示されるキーワード(※1)の後ろに、
スペース + ※2が表示されるようにしたい。(結果ページの検索窓)
【例】
1.検索窓に「あいうえお」
2.プルダウンメニューより「ABCD」を選択
3.検索ボタンを押す⇒(結果ページの)検索窓内に「あいうえお ABCD」と表示させたい。
どうぞよろしくお願いいたします。
No.2ベストアンサー
- 回答日時:
・楽天オークションの検索結果ページにある検索窓に【※1 + スペース +※2】を自動付与
==>おそらく、そんな事をやりたいんだと想像してました。
直接、楽天オークションの検索結果ページを表示してるんなら、不可能です。
クロスドメインアクセスと呼ばれていて、セキュリティの問題から、数年前に
ほとんど全てのブラウザーで禁止されました。
==>やりたいなら、楽天やMSNは知らんけど、ヤフーオークションはAPIサービス
があるので、検索ページを自分のサイトに作りこむ必要があります。
http://developer.yahoo.co.jp/webapi/auctions/
そんなに難易度は高くないです。初心者プログラマーでもそれなりに出来ます。
でも、「検索ボタンを押すと、検索窓内に表示されるキーワード(※1)の後ろに、
スペース + ※2が表示されるようにしたい。」も自力でさっとコーディング
出来ないレベルだと、ちょっときついかも....
yyr446さま
ご回答いただきありがとうございました。
私レベルだと難しいとのこと。確かにそのようですね。
せっかくなので、教えていただきました内容を元に挑んでみたいと思います。
本当にどうもありがとうございました。
またの質問の機会がございましたら、よろしくお願いいたします。
No.1
- 回答日時:
検索窓<input type="text" id="q_word">
<select id="category">
<option value="">カテゴリーを選んでください
<option value="category1">category1
<option value="category2">category2
<option value="category3">category3
<option value="category4">category4
</select>
<button onclick="setquery()">検索</button>
<script type="text/javascript">
function setquery(){
document.getElementById("q_word").value
+=" " + document.getElementById("category").value
}
</script>
yyr446さま
ご回答を頂きありがとうございます。
大変助かりました!
欲しかったモノそのままに表示がされました!!
またも勝手ながら、
可能であれば一点教えていただけますでしょうか。
今回は検索結果ページへの遷移を考慮しておりませんでしたが、
検索結果ページの検索窓内に「キーワード(※1) + スペース +カテゴリ(※2)」を
反映させることは可能なのでしょうか?
または、これはとても複雑なプログラムが必要となるのでしょうか?
【可能であればやりたいこと】
■同様のレイアウトを想定します。
・検索窓内にキーワードを入力
・プルダウンメニューより検索カテゴリを選択
・検索ボタンを押す
・検索結果ページにある検索窓内に同様の【※1 + スペース +※2】を表示
************
【例】
・検索窓に「バスケットボール」と入力
・カテゴリに 1.ヤフーオークション(http://auctions.yahoo.co.jp/jp/)
2.楽天オークション(http://auction.rakuten.co.jp/)
3.MSNオークション(http://auction.jp.msn.com/)
を用意し、「2.楽天オークション」を選択したとします。
・検索ボタンを押す
・楽天オークションの検索結果ページにある検索窓に【※1 + スペース +※2】を自動付与
★※1だけでいいのではとお考えになるかと思いますが、「※2」は必要となるため残したいのです。。
やはり複雑すぎますでしょうか?
何卒ご検討くださいませ。よろしくお願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Google Maps iPhoneのGoogle検索窓を通常の大きさに 戻す方法を教えて頂けませんか?(切実) 日本全国の 2 2022/10/02 02:08
- Excel(エクセル) 【Excel】指定のセル内容を基に別シートのセルを検索して選択する【VBA】 1 2022/06/16 16:16
- ライフスタイル・ヘルスケア URLを開くアプリが見つかりません 2 2022/09/16 12:09
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
- Access(アクセス) Access 複数条件検索の設定が上手く行きません 1 2022/07/22 20:37
- その他(ブラウザ) Mycrosoft Edge フォームの履歴を完全に削除したい 3 2022/08/11 09:59
- Chrome(クローム) Yahoo!検索窓の表示を削除したい 3 2023/06/24 01:44
- その他(ブラウザ) Googleのオートコンプリート機能について 2 2023/07/19 00:04
- Access(アクセス) Excel や Access のフォームの中でいわゆるインターネットの検索窓のようなものを構築できま 9 2022/05/21 12:39
- Visual Basic(VBA) ユーザーフォーム「frm_基本❶」を立ち上げると新規で入力する行数を右下のNoとして表示しています。 1 2023/03/16 19:02
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<input>の選択肢をプルダウンメ...
-
javascriptでセレクトボックス...
-
プルダウン選択を変更すると、...
-
リストボックス内の重複したも...
-
javascriptでoptionタグを削除...
-
プルダウンの選択値により活性...
-
プルダウンで選択したCGIを動か...
-
select要素のvalueを配列で取得...
-
動的なセレクトボックスの生成...
-
selectで選ばれた値を別ページ...
-
スマホのフォームでのselect複...
-
プルダウンの値によって活性・...
-
サイト内の物件を複数の検索条...
-
時間の選択に関して
-
webページの一部のみの更新につ...
-
Javascriptでフォームのセレク...
-
全てのselect要素をデフォルト...
-
【javascript】連想配列からセ...
-
引数でDOMのエレメントを指定し...
-
Selectボックスの一覧表示方法
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウン選択を変更すると、...
-
selectを変更不可にしたい
-
javascriptでセレクトボックス...
-
全てのselect要素をデフォルト...
-
Selectボックスの一覧表示方法
-
リストボックス内の重複したも...
-
プルダウンの値によって活性・...
-
VBScriptでHTMLのセレクトボッ...
-
JavaScriptで<select>の<option...
-
セレクトボックスで配列を呼び...
-
ラジオボタンとプルダウンを連...
-
selectを使った計算
-
select要素のvalueを配列で取得...
-
<input>の選択肢をプルダウンメ...
-
javascriptでoptionタグを削除...
-
今日の日付を自動的にセレクト...
-
検索窓とプルダウンメニュー機...
-
【javascript】連想配列からセ...
-
selectボックスの選択結果を変...
-
同じ名前のセレクトがある場合...
おすすめ情報