次のような形のデータベースからの JSON があります。
var data = {
"zone01": [{
"region": "North",
"state": "New York",
"county": "Albany",
"code": "01"
}, {
"region": "North",
"state": "New York",
"county": "Albany",
"code": "05"
}, {
"region": "North",
"state": "Maine",
"county": "Auburn",
"code": "07"
}],
"zone02": [{
"region": "South",
"state": "Florida",
"county": "Gainseville",
"code": "82"
}, {
"region": "South",
"state": "Florida",
"county": "Macclenny",
"code": "73"
}]
};
選択入力を設定するために、最初の値セット「zone01」、「zone02」などのリストを取得しようとしています。ゾーンを選択すると、リストを選択できますが、ゾーンのリストを取得できないようです。
私は試した:
$.each(data, function(index, element){
var zone = JSON.stringify(element.index);
$('#zone').append('<option value="'+zone+'">'+zone+'</option>');
});
しかし、未定義になるだけです。これがjsfiddleです。
更新された完成コード
ここに私の競合コードがあります: jsFiddle