質問編集履歴
3
追記の追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -163,3 +163,81 @@
|
|
163
163
|
必要に応じて補足するようにいたしますので
|
164
164
|
|
165
165
|
何卒宜しくお願い申し上げませす。
|
166
|
+
|
167
|
+
|
168
|
+
|
169
|
+
|
170
|
+
|
171
|
+
###**===追記===**
|
172
|
+
|
173
|
+
補足のご依頼を受けましたので、下記追記となります。
|
174
|
+
|
175
|
+
(本文も修正済みですが、念のため)
|
176
|
+
|
177
|
+
|
178
|
+
|
179
|
+
>1. ここで言う「URL」とはどれですか?
|
180
|
+
|
181
|
+
>アドレスバーに入っているものですか?
|
182
|
+
|
183
|
+
>どこかのhref属性に入っているものですか?
|
184
|
+
|
185
|
+
|
186
|
+
|
187
|
+
アドレスバーに入っているものとなります。
|
188
|
+
|
189
|
+
|
190
|
+
|
191
|
+
|
192
|
+
|
193
|
+
>2.『下記で<li>を選択した場合に』とありますが、
|
194
|
+
|
195
|
+
>『選択』とは具体的にはどういうアクションですか?
|
196
|
+
|
197
|
+
>クリックでしょうか? クリックだとすると下にa要素があるので
|
198
|
+
|
199
|
+
>ページが移動してしまうと思いますが、かまいませんか?
|
200
|
+
|
201
|
+
|
202
|
+
|
203
|
+
a要素クリックになります。
|
204
|
+
|
205
|
+
ページは移動してしまうのですが、
|
206
|
+
|
207
|
+
全ページ共通で同じセレクトメニューが上部にある仕様です。
|
208
|
+
|
209
|
+
下の<li>メニューはセレクトメニューでの選択項目により
|
210
|
+
|
211
|
+
ページ毎で差し変わります。
|
212
|
+
|
213
|
+
|
214
|
+
|
215
|
+
|
216
|
+
|
217
|
+
>3.『ページ遷移した場合にも「部署C売上」セレクトメニューの
|
218
|
+
|
219
|
+
>「selected」を維持したく』とありますが、
|
220
|
+
|
221
|
+
>前段の内容では実現できなさそうなのですが、よろしいですか?
|
222
|
+
|
223
|
+
|
224
|
+
|
225
|
+
維持との言い方が良くなかったように思います。
|
226
|
+
|
227
|
+
ページを移動した際に、URL(アドレスバー)の末尾「page-c.html」と
|
228
|
+
|
229
|
+
セレクトメニューの<option value="http://example.com/aaaa/page-c.html">の末尾の「page-c.html」
|
230
|
+
|
231
|
+
が同じ場合に<option value="http://example.com/aaaa/page-c.html" selected="selected">が
|
232
|
+
|
233
|
+
付くようにしたいと思っております。
|
234
|
+
|
235
|
+
|
236
|
+
|
237
|
+
アドレスバーのURLはクリックする<li>により末尾以外は下記の様に変わってしまいます。
|
238
|
+
|
239
|
+
|
240
|
+
|
241
|
+
http://example.com/bbbb/page-c.html
|
242
|
+
|
243
|
+
http://example.com/cccc/page-c.html
|
2
説明文言の修正
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
【jQuery】
|
1
|
+
【jQuery】アドレスバーとselectメニューのvalueの末尾のページ名が一致する場合に「selected」をつけたい
|
test
CHANGED
@@ -8,11 +8,11 @@
|
|
8
8
|
|
9
9
|
###実現したいこと
|
10
10
|
|
11
|
-
セレクトメニューのoptionのvalueに指定した末尾のページ名と、
|
11
|
+
セレクトメニューのoptionのvalueに指定した末尾のページ名と、アドレスバーの末尾のページ名が合致した場合にoptionに「selected」をつけたい
|
12
12
|
|
13
13
|
|
14
14
|
|
15
|
-
下記で<li>を
|
15
|
+
下記で<li>をクリックした場合にリンク先のページで<option>に「selected」を付けたい。
|
16
16
|
|
17
17
|
|
18
18
|
|
@@ -32,7 +32,7 @@
|
|
32
32
|
|
33
33
|
【その2】「その1」でジャンプした先のページの「option」に「selected」を付ける。
|
34
34
|
|
35
|
-
【その3】セレクトメニュー以外のナビゲーションでURL末尾が同じもの
|
35
|
+
【その3】セレクトメニュー以外の<li>ナビゲーションでページを移動した場合にも移動先のアドレスバーとセレクトメニューのURL末尾のページ名が一致同じものに「selected」を付けたい
|
36
36
|
|
37
37
|
|
38
38
|
|
@@ -102,9 +102,9 @@
|
|
102
102
|
|
103
103
|
ただ、【その3】の過去の「部署C売上(2016年12月)」や「部署C売上(2016年11月)」を選択し、
|
104
104
|
|
105
|
-
ページ
|
105
|
+
ページ移動した場合にも「部署C売上」セレクトメニューの「selected」を付けたく思っております。
|
106
106
|
|
107
|
-
上記記述ですと、「URL」と「val」の値が完全に一致しないため、動作
|
107
|
+
上記記述ですと、「アドレスバーのURL」と「value」の値が完全に一致しないため、動作しません。
|
108
108
|
|
109
109
|
|
110
110
|
|
1
タイトルをわかりやすいと思われる文に変更
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
【jQuery】URLとvalの末尾のページ名が一致する場合に
|
1
|
+
【jQuery】URLとselectメニューのvalueの末尾のページ名が一致する場合に「selected」をつけたい
|
test
CHANGED
File without changes
|