ページ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ランキング
-
指定時間になったら、WEBサイト...
-
フォームが空欄の時にフォーム...
-
Cookieに保存されない
-
ボタンを押したあとに画像を表...
-
二次元配列の全要素の全要素を...
-
初心者です。gulpでコンパイル...
-
HTMLタグに複数のクラスを設定...
-
フロントエンドフレームワーク...
-
sessionStorageを調べています。
-
jsで診断コンテンツのページ内...
-
メールフォームの日付入力フォ...
-
disabled プロパティが表示され...
-
出発駅A、到着駅Bを選択すると...
-
特定の文字列を複数抜き出した...
-
ジャバスクリプトについて。
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
-
var exports = exports || {}; ...
-
変数名をどのようにつけるのが...
-
HTMLで作った時報アプリが動き...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLのoptionタグ部分に画像を...
-
セレクトボックスの値による入...
-
プルダウンメニュー項目のフォ...
-
セレクトボックスの幅をプルダ...
-
複数のプルダウンからリンクす...
-
プルダウンメニューでインライ...
-
<SELECT>タグでの selected 状...
-
クリックすると下に項目が出て...
-
前ページのリンクからフォーム...
-
セレクトボックスを切り替える...
-
プルダウンメニューアイテムの...
-
VB6.0でコントロール配列の配列...
-
リストボックス全選択について
-
jQuery if文の条件分岐 (。ノд...
-
プルダウンメニューで、選択項...
-
複数のプルダウンの値をパラメ...
-
プルダウンの切り替えについて
-
switch文のswitch(n)の部分を複...
-
jQuery要素の絞り込み + <selec...
-
プルダウンを2つ以上並べる時に...
おすすめ情報