質問編集履歴

2

文章の修正

2018/08/10 05:22

投稿

Beginnerrr
Beginnerrr

スコア17

test CHANGED
File without changes
test CHANGED
@@ -48,6 +48,10 @@
48
48
 
49
49
 
50
50
 
51
+ 検証を使ってもエラー文は出ませんでした。
52
+
53
+
54
+
51
55
  $.each()文のコード
52
56
 
53
57
  ```JavaScript

1

サンプルデータの開示、状況の詳細説明

2018/08/10 05:22

投稿

Beginnerrr
Beginnerrr

スコア17

test CHANGED
File without changes
test CHANGED
@@ -12,7 +12,19 @@
12
12
 
13
13
 
14
14
 
15
+ ラジオボタンを押してない状態だと何も出ないようにしてます。
16
+
17
+ ![イメージ説明](4787158f024ee0af86fa873846b36e62.png)
18
+
19
+
20
+
21
+ ラジオボタンで学歴を選択すると、それぞれのデータが出ます
22
+
23
+ ![イメージ説明](f0853fa9b91843704172298c0f20289c.png)
24
+
15
- ![イメージ説明](68de196c7b6de5d6e9ef2f26d66e20c4.png)
25
+ ![イメージ説明](320ff84fabdc69d22d2e24e70ad6fe1d.png)
26
+
27
+
16
28
 
17
29
 
18
30
 
@@ -22,9 +34,65 @@
22
34
 
23
35
  https://q-az.net/without-jquery-each/
24
36
 
25
- このページを参考にしながら、$.each()をfor文で書き換えたのですが上手く行きません。
37
+ このページを参考にしながら、$.each()をfor文で書き換えたのですが上の写真で示したように動作しません。
38
+
26
-
39
+ $.each文とfor文は以下です
40
+
41
+ コード全体は下部に記載しています。
42
+
43
+ for文で書くと下の写真のようになります。
44
+
45
+
46
+
27
- switch case 1:の$.each()文の下に、コメントでfor文に書き換えたコードを書いています。
47
+ ![イメージ説明](7cd610894b9c4b1b8f3415947ba0543a.png)
48
+
49
+
50
+
51
+ $.each()文のコード
52
+
53
+ ```JavaScript
54
+
55
+ case 1: //高校
56
+
57
+ $.getJSON("school.json", {name: "chara"}, function(data) {
58
+
59
+ var list = data.highschool;
60
+
61
+ $.each(list, function(i) {
62
+
63
+ document.form_signin.school.options[i] = new Option(list[i], list[i]);
64
+
65
+ });
66
+
67
+ });
68
+
69
+
70
+
71
+ ```
72
+
73
+
74
+
75
+ for文に書き換えたコード
76
+
77
+ ```JavaScript
78
+
79
+ case 1: //高校
80
+
81
+ $.getJSON("school.json", {name: "chara"}, function(data) {
82
+
83
+ var list = data.highschool;
84
+
85
+ for(var i=1; i<=list.length; i++ ) {
86
+
87
+ document.form_signin.school.options[i] = new Option(list[i], list[i]);
88
+
89
+ }
90
+
91
+ });
92
+
93
+ ```
94
+
95
+
28
96
 
29
97
  何が間違っているかも分かりません。
30
98
 
@@ -34,6 +102,10 @@
34
102
 
35
103
 
36
104
 
105
+
106
+
107
+ 以下は、コードの全体です。
108
+
37
109
  ```javascript
38
110
 
39
111
  function schoolSelect(value) {
@@ -167,3 +239,91 @@
167
239
  </form>
168
240
 
169
241
  ```
242
+
243
+
244
+
245
+ ```json
246
+
247
+ {"juniorhighschool":{
248
+
249
+ "1":"大阪市立桜宮中学校",
250
+
251
+ "2":"大阪市立高倉中学校",
252
+
253
+ "3":"大阪市立友渕中学校",
254
+
255
+ "4":"大阪市立都島中学校",
256
+
257
+ "5":"大阪市立淀川中学校",
258
+
259
+ "6":"大阪市立下福島中学校",
260
+
261
+ "7":"大阪市立野田中学校",
262
+
263
+ "8":"大阪市立八阪中学校",
264
+
265
+ "9":"大阪市立春日出中学校",
266
+
267
+ "10":"大阪市立此花中学校",
268
+
269
+ "11":"大阪市立梅香中学校",
270
+
271
+ "12":"大阪市立西中学校",
272
+
273
+ "13":"大阪市立花乃井中学校
274
+
275
+ },
276
+
277
+ "highschool":{
278
+
279
+ "1":"大阪市立都島工業高等学校",
280
+
281
+ "2":"大阪市立都島第二工業高等学校",
282
+
283
+ "3":"大阪市立東高等学校",
284
+
285
+ "4":"大阪市立桜宮高等学校",
286
+
287
+ "5":"大阪府立西野田工科高等学校",
288
+
289
+ "6":"大阪市立咲くやこの花高等学校",
290
+
291
+ "7":"大阪市立西高等学校",
292
+
293
+ "8":"大阪府立市岡高等学校",
294
+
295
+ "9":"大阪府立港高等学校",
296
+
297
+ "10":"大阪府立泉尾高等学校",
298
+
299
+ },
300
+
301
+ "university":{
302
+
303
+ "1":"大阪大学",
304
+
305
+ "2":"大阪教育大学",
306
+
307
+ "3":"大阪市立大学",
308
+
309
+ "4":"大阪府立大学",
310
+
311
+ "5":"藍野大学",
312
+
313
+ "6":"LCA大学院大学",
314
+
315
+ "7":"追手門学院大学",
316
+
317
+ "8":"大阪青山大学",
318
+
319
+ "9":"大阪医科大学",
320
+
321
+ "10":"大阪大谷大学"
322
+
323
+ }
324
+
325
+ }
326
+
327
+
328
+
329
+ ```