質問編集履歴
2
文章の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -23,6 +23,8 @@
|
|
|
23
23
|
|
|
24
24
|
|
|
25
25
|
|
|
26
|
+
検証を使ってもエラー文は出ませんでした。
|
|
27
|
+
|
|
26
28
|
$.each()文のコード
|
|
27
29
|
```JavaScript
|
|
28
30
|
case 1: //高校
|
1
サンプルデータの開示、状況の詳細説明
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -5,17 +5,53 @@
|
|
|
5
5
|
仕様は、「中学」「高校」「大学」「行ってない」の4つのラジオボタンと、学校名が入ったセレクトボックスです。
|
|
6
6
|
セレクトボックスのデータは、ラジオボタンで学歴をクリックすると学歴ごとにJSONデータを読み込む感じです。
|
|
7
7
|
|
|
8
|
+
ラジオボタンを押してない状態だと何も出ないようにしてます。
|
|
8
|
-
|
|
9
10
|
|
|
11
|
+
ラジオボタンで学歴を選択すると、それぞれのデータが出ます
|
|
12
|
+
|
|
13
|
+
|
|
10
14
|
|
|
15
|
+
|
|
16
|
+
|
|
11
17
|
### 質問
|
|
12
18
|
https://q-az.net/without-jquery-each/
|
|
13
|
-
このページを参考にしながら、$.each()をfor文で書き換えたのですが上
|
|
19
|
+
このページを参考にしながら、$.each()をfor文で書き換えたのですが上の写真で示したように動作しません。。
|
|
20
|
+
$.each文とfor文は以下です
|
|
21
|
+
コード全体は下部に記載しています。
|
|
22
|
+
for文で書くと下の写真のようになります。
|
|
23
|
+
|
|
14
|
-
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
$.each()文のコード
|
|
27
|
+
```JavaScript
|
|
28
|
+
case 1: //高校
|
|
29
|
+
$.getJSON("school.json", {name: "chara"}, function(data) {
|
|
30
|
+
var list = data.highschool;
|
|
31
|
+
$.each(list, function(i) {
|
|
32
|
+
document.form_signin.school.options[i] = new Option(list[i], list[i]);
|
|
33
|
+
});
|
|
34
|
+
});
|
|
35
|
+
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
for文に書き換えたコード
|
|
39
|
+
```JavaScript
|
|
40
|
+
case 1: //高校
|
|
41
|
+
$.getJSON("school.json", {name: "chara"}, function(data) {
|
|
42
|
+
var list = data.highschool;
|
|
43
|
+
for(var i=1; i<=list.length; i++ ) {
|
|
44
|
+
document.form_signin.school.options[i] = new Option(list[i], list[i]);
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
```
|
|
48
|
+
|
|
15
49
|
何が間違っているかも分かりません。
|
|
16
50
|
どなたかアドバイスよろしくお願いします！！！
|
|
17
51
|
|
|
18
52
|
|
|
53
|
+
|
|
54
|
+
以下は、コードの全体です。
|
|
19
55
|
```javascript
|
|
20
56
|
function schoolSelect(value) {
|
|
21
57
|
//セレクトボックスの初期化
|
|
@@ -82,4 +118,48 @@
|
|
|
82
118
|
</td>
|
|
83
119
|
</tr>
|
|
84
120
|
</form>
|
|
121
|
+
```
|
|
122
|
+
|
|
123
|
+
```json
|
|
124
|
+
{"juniorhighschool":{
|
|
125
|
+
"1":"大阪市立桜宮中学校",
|
|
126
|
+
"2":"大阪市立高倉中学校",
|
|
127
|
+
"3":"大阪市立友渕中学校",
|
|
128
|
+
"4":"大阪市立都島中学校",
|
|
129
|
+
"5":"大阪市立淀川中学校",
|
|
130
|
+
"6":"大阪市立下福島中学校",
|
|
131
|
+
"7":"大阪市立野田中学校",
|
|
132
|
+
"8":"大阪市立八阪中学校",
|
|
133
|
+
"9":"大阪市立春日出中学校",
|
|
134
|
+
"10":"大阪市立此花中学校",
|
|
135
|
+
"11":"大阪市立梅香中学校",
|
|
136
|
+
"12":"大阪市立西中学校",
|
|
137
|
+
"13":"大阪市立花乃井中学校
|
|
138
|
+
},
|
|
139
|
+
"highschool":{
|
|
140
|
+
"1":"大阪市立都島工業高等学校",
|
|
141
|
+
"2":"大阪市立都島第二工業高等学校",
|
|
142
|
+
"3":"大阪市立東高等学校",
|
|
143
|
+
"4":"大阪市立桜宮高等学校",
|
|
144
|
+
"5":"大阪府立西野田工科高等学校",
|
|
145
|
+
"6":"大阪市立咲くやこの花高等学校",
|
|
146
|
+
"7":"大阪市立西高等学校",
|
|
147
|
+
"8":"大阪府立市岡高等学校",
|
|
148
|
+
"9":"大阪府立港高等学校",
|
|
149
|
+
"10":"大阪府立泉尾高等学校",
|
|
150
|
+
},
|
|
151
|
+
"university":{
|
|
152
|
+
"1":"大阪大学",
|
|
153
|
+
"2":"大阪教育大学",
|
|
154
|
+
"3":"大阪市立大学",
|
|
155
|
+
"4":"大阪府立大学",
|
|
156
|
+
"5":"藍野大学",
|
|
157
|
+
"6":"LCA大学院大学",
|
|
158
|
+
"7":"追手門学院大学",
|
|
159
|
+
"8":"大阪青山大学",
|
|
160
|
+
"9":"大阪医科大学",
|
|
161
|
+
"10":"大阪大谷大学"
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
|
|
85
165
|
```
|