質問編集履歴
2
文章の修正
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
サンプルデータの開示、状況の詳細説明
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
|
-
![イメージ説明](
|
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
|
-
|
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
|
+
```
|