質問編集履歴
6
追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -149,3 +149,15 @@
|
|
149
149
|
});
|
150
150
|
|
151
151
|
```
|
152
|
+
|
153
|
+
|
154
|
+
|
155
|
+
|
156
|
+
|
157
|
+
###追記
|
158
|
+
|
159
|
+
|
160
|
+
|
161
|
+
やりたいこととしては以下のサイトのように業種×⚪️⚪️のように2つのフィルターで両方に当てはまるものを表示させたいというイメージです。。。
|
162
|
+
|
163
|
+
https://www.cloudpayment.co.jp/service/payment/case/
|
5
誤字
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
###前提・実現したいこと
|
2
2
|
|
3
|
-
jsで2軸の
|
3
|
+
jsで2軸のフィルター機能を作りたいです。
|
4
4
|
|
5
5
|
下記のところまで実装して1軸に対してのフィルターは出来たのですが、この先どうすれば良いかわからず。。。
|
6
6
|
|
4
文章の修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -10,9 +10,11 @@
|
|
10
10
|
|
11
11
|
|
12
12
|
|
13
|
-
最終的には、#sel1でtest2を選択をした場合はtest2に当てはまるもののみ表示
|
13
|
+
最終的には、#sel1でtest2を選択をした場合はtest2に当てはまるもののみ.portfolio-itemの単位表示し、その上で#sel2でtest4を選択した場合はtest2かつtest4に当てはまるものを.portfolio-itemの単位で表示したいです。
|
14
14
|
|
15
|
-
|
15
|
+
|
16
|
+
|
17
|
+
例えば、#sel1のvalueが2の時に、span.categoryの1つめのクラスに2を含むものを(この場合は <option id="2" value="2">test2</option>)を.portfolio-item単位で表示する。#sel1のvalueが2、かつ#sel2のvalueが4の時は、span.categoryの1つめのクラスに2と2つめのクラスに4を含むもの(この場合は <span class="category 4 2">test4</span>)を.portfolio-item単位で表示したい。
|
16
18
|
|
17
19
|
|
18
20
|
|
@@ -66,9 +68,9 @@
|
|
66
68
|
|
67
69
|
<div class="portfolio-item">
|
68
70
|
|
69
|
-
<span class="category 2 1">test</span>
|
71
|
+
<span class="category 2 1">test2</span>
|
70
72
|
|
71
|
-
<span class="category 3 1">test
|
73
|
+
<span class="category 3 1">test3</span>
|
72
74
|
|
73
75
|
<p>test</p>
|
74
76
|
|
@@ -76,7 +78,7 @@
|
|
76
78
|
|
77
79
|
<div class="portfolio-item">
|
78
80
|
|
79
|
-
<span class="category 1 2">test</span>
|
81
|
+
<span class="category 1 2">test1</span>
|
80
82
|
|
81
83
|
<span class="category 4 2">test4</span>
|
82
84
|
|
3
誤字
test
CHANGED
File without changes
|
test
CHANGED
@@ -10,9 +10,7 @@
|
|
10
10
|
|
11
11
|
|
12
12
|
|
13
|
-
最終的には、
|
14
|
-
|
15
|
-
#sel1でtest2を選択をした場合はtest2に当てはまるもののみ表示
|
13
|
+
最終的には、#sel1でtest2を選択をした場合はtest2に当てはまるもののみ表示
|
16
14
|
|
17
15
|
その上で#sel2でtest4を選択した場合はtest2かつtest4に当てはまるものを表示したいです。
|
18
16
|
|
2
タイトル・最終的な欲しい結果
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
jsで2軸の
|
1
|
+
jsで2軸のフィルター機能を作りたい
|
test
CHANGED
@@ -7,6 +7,14 @@
|
|
7
7
|
|
8
8
|
|
9
9
|
やりたいこととして2つのフィルター(カテゴリー1とカテゴリー2)で掛け合わせてA and Bのソートがしたいです。
|
10
|
+
|
11
|
+
|
12
|
+
|
13
|
+
最終的には、
|
14
|
+
|
15
|
+
#sel1でtest2を選択をした場合はtest2に当てはまるもののみ表示
|
16
|
+
|
17
|
+
その上で#sel2でtest4を選択した場合はtest2かつtest4に当てはまるものを表示したいです。
|
10
18
|
|
11
19
|
|
12
20
|
|
1
誤字
test
CHANGED
File without changes
|
test
CHANGED
@@ -2,11 +2,11 @@
|
|
2
2
|
|
3
3
|
jsで2軸のソート・フィルター機能を作りたいです。
|
4
4
|
|
5
|
-
下記のところまで実装して
|
5
|
+
下記のところまで実装して1軸に対してのフィルターは出来たのですが、この先どうすれば良いかわからず。。。
|
6
6
|
|
7
7
|
|
8
8
|
|
9
|
-
やりたいこととして2つのフィルター(
|
9
|
+
やりたいこととして2つのフィルター(カテゴリー1とカテゴリー2)で掛け合わせてA and Bのソートがしたいです。
|
10
10
|
|
11
11
|
|
12
12
|
|
@@ -82,9 +82,9 @@
|
|
82
82
|
|
83
83
|
```
|
84
84
|
|
85
|
-
.categoryクラスにの2つめに付いているクラスがフィルター番号です。
|
85
|
+
.categoryクラスにの2つめに付いているクラスがフィルターの番号です。
|
86
86
|
|
87
|
-
.categoryクラスにの1つめに付いているクラスがフィルター内値です。
|
87
|
+
.categoryクラスにの1つめに付いているクラスがフィルター内の値(option id)です。
|
88
88
|
|
89
89
|
|
90
90
|
|