arrays - iterate json subarray data in jquery+ajax -
i'm trying data form json array , populate select field jquery , ajax, json this:
{ "regioni": [ { "nome": "abruzzo", "capoluoghi": ["chieti", "l'aquila", "pescara", "teramo"], "province":["ch","aq","pe","te"] }, { "nome": "basilicata", "capoluoghi": ["matera", "potenza"], "province":["mt","pz"] }, { "nome": "calabria", "capoluoghi": ["catanzaro", "cosenza", "crotone", "reggio calabria", "vibo valentia"], "province":["cz","cs","kr","rc","vv"] } ]}
what want take "name" field , iterate cycle, seems not work properly:
var parsa = $.parsejson(data); $select = $('.c-select'); for(var i=0; i<parsa.regioni.nome; i++){ $select.append('<option>'+ parsa.regioni[i].nome +'</option>') }
what wrong? }
change
i<parsa.regioni.nome;
to
i<parsa.regioni.length;
however, directly, can iterate on data.regioni
. this:
$(function() { var data = { "regioni": [{ "nome": "abruzzo", "capoluoghi": ["chieti", "l'aquila", "pescara", "teramo"], "province": ["ch", "aq", "pe", "te"] }, { "nome": "basilicata", "capoluoghi": ["matera", "potenza"], "province": ["mt", "pz"] }, { "nome": "calabria", "capoluoghi": ["catanzaro", "cosenza", "crotone", "reggio calabria", "vibo valentia"], "province": ["cz", "cs", "kr", "rc", "vv"] }] }; var $select = $('.c-select'); (var = 0; < data.regioni.length; i++) { $select.append('<option>' + data.regioni[i].nome + '</option>'); } });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select class="c-select"></select>
Comments
Post a Comment