GET THE FIRST VALUE FROM A JSON ARRAY

Garry Winogrand

Total Post:24

Points:168
Posted by  Garry Winogrand
JSON 
 1887  View(s)
Ratings:
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. 
  1. AVADHESH PATEL

    Post:604

    Points:4228
    Re: Get the first value from a json array

    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.

Answer

NEWSLETTER

Enter your email address here always to be updated. We promise not to spam!