• ベストアンサー

リストボックスの選択をURL名に反映

IE6で使用できれば良いのですが、 ユーザの選択によってジャンプ先を決めたいと考えています。 実際は複雑で簡潔に書きますと、 ジャンプ先の構成は、 品名A、品名B、・・・・品名Z とあり、それぞれ、１日、２日、・・・３１日 とあります。ユーザは、品名と日付けを選択します。 例えば、品名Xの１０日を選べば、 http://test.com/hin_X_day10.html にジャンプしてほしい。と考えています。 どのようにHTMLを記述すればよいでしょうか。

  • PK7
  • お礼率64% (61/95)
  • HTML
  • 回答数1
  • ありがとう数1

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

  • ベストアンサー
回答No.1

こんな感じかな？ <html> <head> <script> function jump_(){ with(document.form1){ article_ = article[article.selectedIndex].value; day_ = day[day.selectedIndex].value; url = 'http://test.com/hin_' + article_ + '_day' + day_ + '.html'; // alert(url); window.open(url); } } </script> </head> <body> <form name="form1"> <select name="article"> <option value="AAA">商品A</option> <option value="BBB">商品B</option> <option value="CCC">商品C</option> <option value="DDD">商品D</option> </select> <select name="day"> <option value="1">1日</option> <option value="2">2日</option> <option value="3">3日</option> <option value="4">4日</option> </select> <button onclick="jump_();">表示</button> </form> </body> </head>

PK7
質問者

お礼

うまく行きました。 すばらしい回答をありがとう御座いました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

質問する