質問編集履歴
9
文章変更
test
CHANGED
File without changes
|
test
CHANGED
@@ -236,7 +236,11 @@
|
|
236
236
|
|
237
237
|
|
238
238
|
|
239
|
+
この`a, b, c`はアロー関数を使用しない時、どのように扱えばよいのでしょうか。
|
240
|
+
|
239
|
-
|
241
|
+
また、書き方などに間違いがございましたら、ご指摘いただければ大変助かります。
|
242
|
+
|
243
|
+
|
240
244
|
|
241
245
|
```js
|
242
246
|
|
8
ソースコード
test
CHANGED
File without changes
|
test
CHANGED
@@ -229,3 +229,63 @@
|
|
229
229
|
一週間、色々試行錯誤しましたが一向に改善できないため、こちらの場でお力をお借りできればと思います。
|
230
230
|
|
231
231
|
お手数ですが、どうぞよろしくお願いいたします!
|
232
|
+
|
233
|
+
|
234
|
+
|
235
|
+
### ご回答をいただき
|
236
|
+
|
237
|
+
|
238
|
+
|
239
|
+
※不完全なコードとなります
|
240
|
+
|
241
|
+
```js
|
242
|
+
|
243
|
+
const CREATE_OPTIONS = function(a, b) {
|
244
|
+
|
245
|
+
a.innerText = '', [['選択してください',''],...b].forEach(function(c) {
|
246
|
+
|
247
|
+
a.appendChild (new Option (...c))
|
248
|
+
|
249
|
+
});
|
250
|
+
|
251
|
+
}
|
252
|
+
|
253
|
+
const GET_PREFECTURES = function(a) {
|
254
|
+
|
255
|
+
a.map(function(b) {
|
256
|
+
|
257
|
+
return [b.name, b.id]
|
258
|
+
|
259
|
+
});
|
260
|
+
|
261
|
+
}
|
262
|
+
|
263
|
+
const GET_CITIES = function(a, b) {
|
264
|
+
|
265
|
+
a.filter(function(c) {
|
266
|
+
|
267
|
+
return c.prefecture_id === b;
|
268
|
+
|
269
|
+
});
|
270
|
+
|
271
|
+
}
|
272
|
+
|
273
|
+
const SEARCH_ID = function(a) {
|
274
|
+
|
275
|
+
document.querySelector(a);
|
276
|
+
|
277
|
+
}
|
278
|
+
|
279
|
+
|
280
|
+
|
281
|
+
window.onload = function () {
|
282
|
+
|
283
|
+
CREATE_OPTIONS (SEARCH_ID ('#storage_prefecture_id'), GET_PREFECTURES(pref));
|
284
|
+
|
285
|
+
SEARCH_ID ('#storage_prefecture_id').onchange =
|
286
|
+
|
287
|
+
({target:a}) => CREATE_OPTIONS(SEARCH_ID ('#storage_city_id'),GET_PREFECTURES(GET_CITIES(cit, parseInt(a.value,10))));
|
288
|
+
|
289
|
+
};
|
290
|
+
|
291
|
+
```
|
7
タイトル変更
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
|
1
|
+
動的な絞り込み検索機能(都道府県→市区町村)の実装を行いたい
|
test
CHANGED
File without changes
|
6
ソースコード
test
CHANGED
File without changes
|
test
CHANGED
@@ -118,6 +118,18 @@
|
|
118
118
|
|
119
119
|
```js
|
120
120
|
|
121
|
+
var pref = hoge
|
122
|
+
|
123
|
+
console.table(pref)
|
124
|
+
|
125
|
+
|
126
|
+
|
127
|
+
var cit = foo
|
128
|
+
|
129
|
+
console.table(cit)
|
130
|
+
|
131
|
+
|
132
|
+
|
121
133
|
|
122
134
|
|
123
135
|
window.onload=function(){
|
5
文章変更
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
動的な絞り込み検索機能(都道府県→市区町村)の実装を行いたい
|
1
|
+
【Java Script】動的な絞り込み検索機能(都道府県→市区町村)の実装を行いたい
|
test
CHANGED
@@ -198,7 +198,7 @@
|
|
198
198
|
|
199
199
|
|
200
200
|
|
201
|
-
DBには以下のようにデータが入っております。
|
201
|
+
DBには以下のようにデータが入っており、jsonで吐き出しております。
|
202
202
|
|
203
203
|
![イメージ説明](64d2367bc44f33f126c2e753f5640ae9.png)
|
204
204
|
|
4
文章変更
test
CHANGED
File without changes
|
test
CHANGED
@@ -12,7 +12,7 @@
|
|
12
12
|
|
13
13
|
**都道府県を選び、それに合った市区町村が選択できる**ようになることです。
|
14
14
|
|
15
|
-
例:東京都→
|
15
|
+
例:「東京都」→「新宿区や港区など」 がプルダウンで選択可能
|
16
16
|
|
17
17
|
|
18
18
|
|
3
タグ変更
test
CHANGED
File without changes
|
test
CHANGED
File without changes
|
2
参考の明瞭化
test
CHANGED
File without changes
|
test
CHANGED
@@ -10,7 +10,7 @@
|
|
10
10
|
|
11
11
|
実現したいことは、
|
12
12
|
|
13
|
-
都道府県を選び、それに合った市区町村が選択できるようになることです。
|
13
|
+
**都道府県を選び、それに合った市区町村が選択できる**ようになることです。
|
14
14
|
|
15
15
|
例:東京都→(新宿区や港区などがプルダウンで選択可能)
|
16
16
|
|
@@ -18,11 +18,11 @@
|
|
18
18
|
|
19
19
|
|
20
20
|
|
21
|
-
|
21
|
+
|
22
|
-
|
22
|
+
|
23
|
-
https://javascript.programmer-reference.com/js-selectbox-linkage/#comment-190
|
23
|
+
参考ソース:[[JavaScript] 連動するセレクトボックス](https://javascript.programmer-reference.com/js-selectbox-linkage/#comment-190)
|
24
|
-
|
24
|
+
|
25
|
-
https://teratail.com/questions/22207
|
25
|
+
参考:https://teratail.com/questions/22207
|
26
26
|
|
27
27
|
|
28
28
|
|
@@ -32,7 +32,7 @@
|
|
32
32
|
|
33
33
|
都道府県のプルダウンは問題なく選択できるのですが、
|
34
34
|
|
35
|
-
市区町村のプルダウンが反応しません(選択もできず、市区町村の候補も表れません)
|
35
|
+
**市区町村のプルダウンが反応しません(選択もできず、市区町村の候補も表れません)**
|
36
36
|
|
37
37
|
|
38
38
|
|
1
タイトル変更
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
動的な絞り込み検索機能の実装
|
1
|
+
動的な絞り込み検索機能(都道府県→市区町村)の実装を行いたいです
|
test
CHANGED
File without changes
|