質問編集履歴
3
追記の追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -80,4 +80,43 @@
|
|
|
80
80
|
|
|
81
81
|
説明もわかり辛いかもしれませんが
|
|
82
82
|
必要に応じて補足するようにいたしますので
|
|
83
|
-
何卒宜しくお願い申し上げませす。
|
|
83
|
+
何卒宜しくお願い申し上げませす。
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
###**===追記===**
|
|
87
|
+
補足のご依頼を受けましたので、下記追記となります。
|
|
88
|
+
（本文も修正済みですが、念のため）
|
|
89
|
+
|
|
90
|
+
>1. ここで言う「URL」とはどれですか？
|
|
91
|
+
>アドレスバーに入っているものですか？
|
|
92
|
+
>どこかのhref属性に入っているものですか？
|
|
93
|
+
|
|
94
|
+
アドレスバーに入っているものとなります。
|
|
95
|
+
|
|
96
|
+
|
|
97
|
+
>2.『下記で<li>を選択した場合に』とありますが、
|
|
98
|
+
>『選択』とは具体的にはどういうアクションですか？
|
|
99
|
+
>クリックでしょうか？ クリックだとすると下にa要素があるので
|
|
100
|
+
>ページが移動してしまうと思いますが、かまいませんか？
|
|
101
|
+
|
|
102
|
+
a要素クリックになります。
|
|
103
|
+
ページは移動してしまうのですが、
|
|
104
|
+
全ページ共通で同じセレクトメニューが上部にある仕様です。
|
|
105
|
+
下の<li>メニューはセレクトメニューでの選択項目により
|
|
106
|
+
ページ毎で差し変わります。
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
>3.『ページ遷移した場合にも「部署C売上」セレクトメニューの
|
|
110
|
+
>「selected」を維持したく』とありますが、
|
|
111
|
+
>前段の内容では実現できなさそうなのですが、よろしいですか？
|
|
112
|
+
|
|
113
|
+
維持との言い方が良くなかったように思います。
|
|
114
|
+
ページを移動した際に、URL（アドレスバー）の末尾「page-c.html」と
|
|
115
|
+
セレクトメニューの<option value="http://example.com/aaaa/page-c.html">の末尾の「page-c.html」
|
|
116
|
+
が同じ場合に<option value="http://example.com/aaaa/page-c.html" selected="selected">が
|
|
117
|
+
付くようにしたいと思っております。
|
|
118
|
+
|
|
119
|
+
アドレスバーのURLはクリックする<li>により末尾以外は下記の様に変わってしまいます。
|
|
120
|
+
|
|
121
|
+
http://example.com/bbbb/page-c.html
|
|
122
|
+
http://example.com/cccc/page-c.html
|
2
説明文言の修正
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
【jQuery】
|
|
1
|
+
【jQuery】アドレスバーとselectメニューのvalueの末尾のページ名が一致する場合に「selected」をつけたい
|
body
CHANGED
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
###実現したいこと
|
|
6
|
-
セレクトメニューのoptionのvalueに指定した末尾のページ名と、
|
|
6
|
+
セレクトメニューのoptionのvalueに指定した末尾のページ名と、アドレスバーの末尾のページ名が合致した場合にoptionに「selected」をつけたい
|
|
7
7
|
|
|
8
|
-
下記で<li>を
|
|
8
|
+
下記で<li>をクリックした場合にリンク先のページで<option>に「selected」を付けたい。
|
|
9
9
|
|
|
10
10
|
> <option value="http://example.com/aaaa/**page-c.html**">
|
|
11
11
|
> <li><a href="http://example.com/bbbb/**page-c.html**">
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
###そもそもの実現したいこと
|
|
16
16
|
【その１】セレクトメニューを選択した場合、valueに指定したURLにジャンプさせる。
|
|
17
17
|
【その２】「その1」でジャンプした先のページの「option」に「selected」を付ける。
|
|
18
|
-
【その３】セレクトメニュー以外のナビゲーションでURL末尾が同じもの
|
|
18
|
+
【その３】セレクトメニュー以外の<li>ナビゲーションでページを移動した場合にも移動先のアドレスバーとセレクトメニューのURL末尾のページ名が一致同じものに「selected」を付けたい
|
|
19
19
|
|
|
20
20
|
【その１】【その２】までは前回の質問で解決済です。
|
|
21
21
|
|
|
@@ -50,8 +50,8 @@
|
|
|
50
50
|
$('select').val(location.href);
|
|
51
51
|
```
|
|
52
52
|
ただ、【その３】の過去の「部署C売上（2016年12月）」や「部署C売上（2016年11月）」を選択し、
|
|
53
|
-
ページ
|
|
53
|
+
ページ移動した場合にも「部署C売上」セレクトメニューの「selected」を付けたく思っております。
|
|
54
|
-
上記記述ですと、「URL」と「
|
|
54
|
+
上記記述ですと、「アドレスバーのURL」と「value」の値が完全に一致しないため、動作しません。
|
|
55
55
|
|
|
56
56
|
イメージ的には下記のような感じなのですが、、、
|
|
57
57
|
|
1
タイトルをわかりやすいと思われる文に変更
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
【jQuery】URLと
|
|
1
|
+
【jQuery】URLとselectメニューのvalueの末尾のページ名が一致する場合に「selected」をつけたい
|
body
CHANGED
|
File without changes
|