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

Total Post:24

Points:168
Posted on    June-20-2013 3:26 AM

 JSON JSON 
Ratings:


 1 Reply(s)
 1520  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. 


AVADHESH PATEL

Total Post:604

Points:4228
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