• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:javascriptを使って)

JavaScriptを使用して楽天の絞り込み検索方法を教えてください

このQ&Aのポイント
  • JavaScriptを使用して2つのプルダウンメニューでキーワードを選択し、楽天の検索エンジンでand検索(絞り込み検索)する方法を教えてください。
  • 初心者の方でも理解しやすいように、フローのイメージを説明します。プルダウンメニュー1で60mmを選択し、プルダウンメニュー2で200mmを選択します。そして、商品を探すボタンを押すと、楽天に出店しているAAAショップとBBB商品と60mmと200mmでの絞り込み検索結果が表示されます。
  • JavaScriptの知識が少なくても大丈夫です。本記事では、初心者の方にもわかりやすく、JavaScriptを使用して楽天で絞り込み検索を行う方法を詳しく解説します。

質問者が選んだベストアンサー

  • ベストアンサー
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

「楽天の検索」って、どれを指しているのかわからないけれど、要は検索キーを4個指定できればいいってことなのかなぁ。 とりあえずのサンプルとして・・・・ (inputとselectの内容はよしなに修正してちょーだい) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="ja"> <head><title>Sample</title> <meta http-equiv="Content-Script-Type" content="text/javascript"> <script type="text/javascript"> <!-- function sample(f) { var url = "http://search.rakuten.co.jp/search/mall/"; var i=0, e, s = ""; while (e = f.elements[i++]) { if (e.nodeName != "BUTTON") s += (s?"+":"") + encodeURIComponent(e.value); } location.href = url + s + "/-/"; } //--> </script> </head> <body> <form> <input type="hidden" value="椅子"> <input type="hidden" value="机"> <p> <select> <option value="長さ">長さ</option> <option value="幅">幅</option> </select> <p> <select> <option value="60mm">60mm</option> <option value="90mm">90mm</option> </select> <p> <button type="button" onclick="sample(this.form)">送信</button> </form> </body> </html>

mintala
質問者

お礼

ありがとうございます! これを応用して何とかできそうです! 本当に助かりました~ ありがとうございます!! 本当にできるかまだ心配ですが 自分の能力的な問題で・・・・(笑) ひとまず、お礼まで!

関連するQ&A