ページAにいくつかリンクボタンがあり、
そこからページBに遷移した際に
ページAでクリックした箇所に連動して
選択されているセレクトボックスを設置したいと考えています。
具体的には以下のようなものです。
【A.html】
<a href=“B.html” id=“asa”>あさ</a> ←ここをクリック
<a href=“B.html” id=“hiru”>ひる</a>
<a href=“B.html” id=“yoru”>よる</a>
↓
【リンク先のB.html内】
<select name="date">
<option value="">▼下記よりお選びください</option>
<option value=“あさ” selected>あさ</option>
<option value=“ひる”>ひる</option>
<option value=“よる”>よる</option>
</select>
というように前のページでクリックした場所が
次のページでセレクトボックスに反映されている、というものです。
getメソッドを利用して作成しようとしたのですがうまく機能しません。
何か良い方法がありましたらご教授いただけないでしょうか。
わかりにくい文章で申し訳ありませんが、どうぞ宜しくお願いいたします。
No.1
- 回答日時:
フォームのGET、POSTは関係ないのでは?
ようはページAのフォーム内に設けた変数に「あさ」、「ひる」、「よる」に応じた値をセットしてsubmit。
それを受け取ったサーバ側のプログラムがページBを生成する際にセレクトボックスの「あさ」、「ひる」、「よる」のどれにselectedを付けるかをその値で判断すればよいだけです。
参考まで。
No.2ベストアンサー
- 回答日時:
こんな感じでやってみてください
a.html
<a href="b.html?v=asa">あさ</a> ←ここをクリック
<a href="b.html?v=hiru">ひる</a>
<a href="b.html?v=yoru">よる</a>
<a href="b.html?v=dummy">ダミー</a>
b.html
<script>
window.onload=function(){
if(v=location.search.match(/(\?|&)v=(.+?)(?=&|$)/)){
if(t=document.getElementById(v[2])){
t.selected=true;
}
}
}
</script>
<select name="date">
<option value="">▼下記よりお選びください</option>
<option value="あさ" id="asa">あさ</option>
<option value="ひる" id="hiru">ひる</option>
<option value="よる" id="yoru">よる</option>
</select>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript 中百舌鳥駅と深井駅を入れ替えて選択しても同じ挙動にしたいです。 2 2022/06/24 18:45
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
プルダウンメニュー項目のフォ...
-
プルダウンの切り替えについて
-
セレクトボックスを切り替える...
-
HPビルダー9で、プルダウン形...
-
jQuery if文の条件分岐 (。ノд...
-
<SELECT>タグでの selected 状...
-
プルダウンを2つ以上並べる時に...
-
複数のプルダウンからリンクす...
-
HTMLのoptionタグ部分に画像を...
-
送信ボタン押下時に値が未入力...
-
1アクションでPOST・GET、両方...
-
複数のフォームを一括で送信す...
-
submitをボタン以外にするには
-
submit時に違うページに飛びたい
-
<a href=**?***=***>をGET方式で
-
【html】)パスワード認証フォー...
-
子ウィンドウの操作
-
URL パラメータを使ってフォー...
-
リンクをクリックした時にform...
-
フォームの送信ボタンの位置
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLのoptionタグ部分に画像を...
-
プルダウンメニュー項目のフォ...
-
セレクトボックスの値による入...
-
セレクトボックスの幅をプルダ...
-
複数のプルダウンからリンクす...
-
プルダウンメニューでインライ...
-
<SELECT>タグでの selected 状...
-
クリックすると下に項目が出て...
-
セレクトボックスを切り替える...
-
前ページのリンクからフォーム...
-
プルダウンメニューアイテムの...
-
VB6.0でコントロール配列の配列...
-
jQuery if文の条件分岐 (。ノд...
-
リストボックス全選択について
-
プルダウンメニューで、選択項...
-
複数のプルダウンの値をパラメ...
-
プルダウンの切り替えについて
-
jQuery要素の絞り込み + <selec...
-
switch文のswitch(n)の部分を複...
-
プルダウンを2つ以上並べる時に...
おすすめ情報