ページ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.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ランキング
-
HTMLのoptionタグ部分に画像を...
-
プルダウンの切り替えについて
-
親ページからインラインフレー...
-
1アクションでPOST・GET、両方...
-
submitをボタン以外にするには
-
type="hidden"を使って時刻を送信
-
送信ボタン押下時に値が未入力...
-
ジャバスクリプトでカレンダー...
-
イメージボタンでクリックしたx...
-
フォーム要素以外にもname属性...
-
複数のフォームを一括で送信す...
-
URL パラメータを使ってフォー...
-
送信フォームを2つ用意する方法
-
<a href=**?***=***>をGET方式で
-
フォーム送信後の画面について...
-
メールフォームの送信ボタンが...
-
長文のmailtoの使い方
-
画像をボタンのようにフォーカ...
-
javaScriptで検索結果の保持
-
FORM1つでリンク
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLのoptionタグ部分に画像を...
-
プルダウンメニューで、選択項...
-
2つの<select>フォームの完全...
-
プルダウンメニュー項目のフォ...
-
jQuery if文の条件分岐 (。ノд...
-
VB6.0でコントロール配列の配列...
-
セレクトボックスの幅をプルダ...
-
チェックボックスにチェックで...
-
オプションメニューのアイテム...
-
<SELECT>タグでの selected 状...
-
カタカナ変換を一発でする方法
-
プルダウンメニューアイテムの...
-
メール予約フォームを壊してし...
-
プルダウンメニューを選択した...
-
日付リストボックスの制御について
-
プルダウンのリンクについて
-
javascriptでプルダウンメニュ...
-
プルダウン 背景色の変更
-
selectの選択肢の説明を表示す...
-
プルダウンメニューでインライ...
おすすめ情報