selectタグのoptionの値によって違うページにとばす

Question

ユーザーがselectタグから任意の値を選択し、そのタブの下にあるgoボタンを押すと、
その選択した値によって飛ぶページが変わるという仕組みを作りたいのですが、
どう作ればよいでしょうか？
※selectタグで選んだ瞬間に目的のページにとぶ、という機能ではなく、
プルダウンから選択→goボタン押す→遷移という流れを作りたいです。

下記のような仕組みです。
①selectタブで1~9まで選択できるとする
②selectタブで1を選択し、下にあるgoボタンを押すとaのページにとぶ
③selectタブで2を選択し、下にあるgoボタンを押すとbのページにとぶ

この機能を使えばできるといった最低限のものでよいので、
ご教授いただけると嬉しいです。
よろしくお願いします。

Comments

[azuapricot]

JSで可能かと

[haruharuharuhar]

ありがとうございます！JSの記事を拝見したところ
optionのvalueにurlを指定し、クリックでlocation.href=valueを実行させればよい（かもしれない）
と理解したので、とりあえずやってみます！

Answer 1

• javascript ボタンクリック イベント
• javascript select 取得
• javascript 画面遷移

などで検索してください。

Comments

[haruharuharuhar]

不慣れなため、htmlでどうにかしようとしており、行き詰っておりました、、
ありがとうございます、検索してみます！

疑問解消しましたら、評価させていただきます。

Answer 2

ワンクッションありでよければ、GETパラメータにselectの値をセットしてサーバ側で値を判定して別ページにリダイレクトする方法もあります。

Comments

[haruharuharuhar]

こちらが一番簡単でしたので、ベストアンサーとさせていただきます！