jQuery - Populating drop down form option values

Question

I'm able to populate the names of option fields for the #maplist select dropdown:

$.each(mapsArray, function(x,y) {

    $.each(y, function(j,z) { 

        $('#maplist').append(

            $('<option></option>').html(z.mapName)

        );
    });
});

But I can't figure out how to add .val to each option field (in this case, it would be z.mapID.$id)

Answer 1

$.each(mapsArray, function(x,y) {

    $.each(y, function(j,z) { 

        $('#maplist').append(

            $('<option value="'+ z.mapName +'">'+ z.mapName +'</option>');

        );
    });
});

Answer 2

I would do it this way rather than concatenating a bunch of strings.

$.each(mapsArray, function(x,y) {
    $.each(y, function(j,z) { 
       $('#maplist').append(
          $('<option></option>').val(z.mapName).text(z.mapName);
       );
    });
});