質問編集履歴

9

文章変更

2019/03/11 14:28

投稿

anusama
anusama

スコア13

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

ソースコード

2019/03/11 14:28

投稿

anusama
anusama

スコア13

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

タイトル変更

2019/03/11 14:21

投稿

anusama
anusama

スコア13

test CHANGED
@@ -1 +1 @@
1
- 【Java Script】動的な絞り込み検索機能(都道府県→市区町村)の実装を行いたい
1
+ 動的な絞り込み検索機能(都道府県→市区町村)の実装を行いたい
test CHANGED
File without changes

6

ソースコード

2019/03/10 10:37

投稿

anusama
anusama

スコア13

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

文章変更

2019/03/10 08:23

投稿

anusama
anusama

スコア13

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

文章変更

2019/03/10 08:20

投稿

anusama
anusama

スコア13

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

タグ変更

2019/03/10 08:15

投稿

anusama
anusama

スコア13

test CHANGED
File without changes
test CHANGED
File without changes

2

参考の明瞭化

2019/03/10 08:12

投稿

anusama
anusama

スコア13

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

タイトル変更

2019/03/10 08:08

投稿

anusama
anusama

スコア13

test CHANGED
@@ -1 +1 @@
1
- 動的な絞り込み検索機能の実装
1
+ 動的な絞り込み検索機能(都道府県→市区町村)の実装を行いたいです
test CHANGED
File without changes