jsonの取得方法について

質問

選択したラジオボタンによって、プルダウンの中身を変えたいです。
スクリプト書いてみましたが、学校のデータが取得できません。
ファイルは以下のような感じで、同じフォルダにあります。
どのようにすれば正しく動くのでしょうか？
ご教示の程よろしくお願いいたします。

・スクリプト
$("input:radio[name='school']").change(function(){
$("#gakkou").empty().append("<option value=''>-選択-</option>");
var school = $(this).val();
$.getJSON("school.json", function(data){
for (var i = 1; i <= school.length; i++) {
$('#gakkou').append('<option value="' + i + '">' + data[school[i]]+ '</option>');
}
});
});

・index.html
<td id="school">
<input type="radio" value="中学" name="school"/> 中学　　
<input type="radio" value="高校" name="school" /> 高校　　
<input type="radio" value="大学" name="school" /> 大学
</td>

学校：
<select id="gakkou">
<option value="">-選択-</option>
</select>

・school.json
{"中学":{"1":"ABC中学校",
～中略～
"100":"XYZ中学校"},
"高校":{"1":"ABC高等学校",
～中略～
"100":"XYZ高等学校"},
"大学":{"1":"ABC大学",
～中略～
"100":"XYZ大学"}}

回答No.1

muuming2001 · ベストアンサー

$.getJSON("school.json", function(data){
console.log(data);
});

とかしても中身見えませんか？

補足

[object Object]
と表示されます。