How to iterate through javascript array variable

Question

i have a array like follows

countries: [{
      "name": "Afghanistan",
      "cca2": "AF",
      "calling-code": "93"
    },
    //{"name":"Åland Islands","cca2":"AX","calling-code":"358"},
    {
      "name": "Albania",
      "cca2": "AL",
      "calling-code": "355"
    }, {
      "name": "Algeria",
      "cca2": "DZ",
      "calling-code": "213"
    }, {
      "name": "American Samoa",
      "cca2": "AS",
      "calling-code": "1684"
    }, {
      "name": "Andorra",
      "cca2": "AD",
      "calling-code": "376"
    }, {
      "name": "Angola",
      "cca2": "AO",
      "calling-code": "244"
    }, {
      "name": "Anguilla",
      "cca2": "AI",
      "calling-code": "1264"
    }, {
      "name": "Antigua and Barbuda",
      "cca2": "AG",
      "calling-code": "1268"
    }
     ]

i want to iterate through this list and create select list like follows

<select>
   <option value="AF">Afganisthan</option>
   ....
<select>

i did this

for (var i = 0; i < countries.length; i++) {
    out += "<option value='" + countries[i].cca2 + "'>" + countries[i].name + "</option>";
}

but nothing showing up..

possible duplicate of [Access / process (nested) objects, arrays or JSON](http://stackoverflow.com/questions/11922383/access-process-nested-objects-arrays-or-json) — bfavaretto, Aug 14 '13 at 18:23
got the problem var countries =[{.... and in my code it was just countries:[//// which was wrong...:)) — Saurabh Kumar, Aug 14 '13 at 18:28
obj = eval('{' + str + '}'); and then create select like on answers, where str is your "array". — Daniil Grankin, Aug 14 '13 at 18:36

score 0 · Accepted Answer · answered Aug 14 '13 at 18:22

0

Try this :

for(var i=0;i<countries.length;i++){
    $('select').append('<option value="'+countries[i].cca2+'">'+countries[i].name+'</option>');
}

answered Aug 14 '13 at 18:22

darma

4,687
1
24
25

score 0 · Answer 2 · answered Aug 14 '13 at 18:23

0

<select id='mySelect'><select>

$.each(countries, function(i, e){
    $('#mySelect').append("<option value='" + e.cca2 +"'>" + e.name + "</option>");
})

Demo

answered Aug 14 '13 at 18:23

zs2020

53,766
29
154
219

Daniil Grankin · Answer 3 · 2013-08-14T18:39:45.280

0

    var obj = eval('{' + str + '}'); //where str is "countries: ..."
    $('<select>').appendTo(document.body);    
    for(var i = 0; i < obj.countries.length; i++)
    {
       $('<option>').val(obj.countries[i].cca2).text(obj.countries[i].name).appendTo('select');
    }

edited Aug 14 '13 at 18:39

answered Aug 14 '13 at 18:23

Daniil Grankin

3,841
2
29
39

score 0 · Answer 4 · answered Aug 14 '13 at 18:24

0

var out = '<select>';

countries.forEach(function(country) {
    out += '<option value=' + country.cca2 + '>' + country.name + '</option>';
});

out += '</select>';

answered Aug 14 '13 at 18:24

tjb1982

2,257
2
26
39

Amith · Answer 5 · 2013-08-14T18:54:41.533

0

try the below javascript code snippet

var countryJSON= eval('{'+countryString+'}');
$('<select>').appendTo("#yourForm");    
for(i=0;i<countryJSON['countries'].length;i++){    
 $('<option>').val(countryJSON.countries[i].cca2).text(countryJSON.countries[i].name).appendTo('select');
}

edited Aug 14 '13 at 18:54

answered Aug 14 '13 at 18:38

Amith

1,424
1
10
22

How to iterate through javascript array variable

5 Answers5