回答編集履歴
5
テキスト追加
test
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
select のうちのどれかひとつでも選択値が変更されたら、すべてのselect の選択
|
|
9
|
+
select のうちのどれかひとつでも選択値が変更されたら、すべてのselect の選択された値を集めてきて、Query Stringを作り、それを付加したURLでリンクのhrefを更新すればよいかと思います。
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
4
テキスト追加
test
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
ご質問のコードで JQueryをお使いだったので、この回答でもJQueryを使います。また、ご質問にあるリンク先のドメインを example.com に修正してあります。
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
3
テキスト追加
test
CHANGED
|
@@ -10,7 +10,33 @@
|
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
+
すなわち、大枠はこういうことになります。
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
```javascript
|
|
18
|
+
|
|
19
|
+
$('select').change(function() {
|
|
20
|
+
|
|
21
|
+
// (1) すべてのselect の選択値を集めてQuery Stringを作る。
|
|
22
|
+
|
|
23
|
+
// (2) 作ったQuery Stringでリンクのhrefを更新する。
|
|
24
|
+
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
以下は、上記の (1)、(2) のコード例です。
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
13
|
-
すべてのselect の選択値を集めてQuery Stringを作る
|
|
35
|
+
#### (1) すべてのselect の選択値を集めてQuery Stringを作る。
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
たとえば以下でできます。
|
|
14
40
|
|
|
15
41
|
|
|
16
42
|
|
|
@@ -30,7 +56,11 @@
|
|
|
30
56
|
|
|
31
57
|
|
|
32
58
|
|
|
59
|
+
#### (2) 作ったQuery Stringでリンクのhrefを更新する。
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
|
|
33
|
-
|
|
63
|
+
(1)で作った`qs`を使ってリンクのhref属性を更新します。
|
|
34
64
|
|
|
35
65
|
|
|
36
66
|
|
|
@@ -46,4 +76,8 @@
|
|
|
46
76
|
|
|
47
77
|
|
|
48
78
|
|
|
79
|
+
全体のサンプルを以下に上げておきます。
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
|
|
49
83
|
- **動作確認用CodePen:** [https://codepen.io/jun68ykt/pen/LYVKvEq?editors=1010](https://codepen.io/jun68ykt/pen/LYVKvEq?editors=1010)
|
2
テキスト追加
test
CHANGED
|
@@ -30,13 +30,13 @@
|
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
|
|
33
|
-
あとは、qsを使ってhrefを更新します。
|
|
33
|
+
あとは、`qs`を使ってリンクのhref属性を更新します。
|
|
34
34
|
|
|
35
35
|
|
|
36
36
|
|
|
37
37
|
```javascript
|
|
38
38
|
|
|
39
|
-
const href = `https://example.com/?all=0&${
|
|
39
|
+
const href = `https://example.com/?all=0&${qs}`;
|
|
40
40
|
|
|
41
41
|
|
|
42
42
|
|
1
テキスト追加
test
CHANGED
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
|
|
33
|
-
あとは、
|
|
33
|
+
あとは、qsを使ってhrefを更新します。
|
|
34
34
|
|
|
35
35
|
|
|
36
36
|
|