Home > DeveloperSection > Forums > Get the first value from a json array
Garry Winogrand
Garry Winogrand

Total Post:24

Posted on    June-20-2013 3:26 AM


 1 Reply(s)
 1857  View(s)
Rate this:
Hi Everyone,

I have JSON coming from the database that's shaped like this:

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"

I'm trying to get a list of the first set of values "zone01", "zone02" etc... in order to populate a select input. By selecting the zone you'll be able to select down the list but I can't seem to get a list of the zones.

I tried:

$.each(data, function(index, element){
    var zone = JSON.stringify(element.index);
    $('#zone').append('<option value="'+zone+'">'+zone+'</option>');

Thanks in advance. 


Total Post:604

Posted on    June-20-2013 7:40 AM

Hi Garry,

You simply need to use index, not element.index.

var zone = JSON.stringify(index);

element refers to the value on the right side of the colon. It does not have an index property.

index refers to the identifier on the left side of the colon. This is exactly what you want.

Don't want to miss updates? Please click the below button!

Follow MindStick