javascript - jQuery-ドロップダウンフォームオプション値の入力

Question

#maplist選択ドロップダウンのオプションフィールドの名前を入力できます。

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

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

        $('#maplist').append(

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

        );
    });
});

しかし、各オプションフィールドに追加する方法がわかりません.val（この場合は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

たくさんの文字列を連結するのではなく、この方法で行います。

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

Answer 3

.attr（）を使用します。

http://api.jquery.com/attr/

$.each(mapsArray, function(x,y) {
    $.each(y, function(j,z) { 
        $('#maplist').append(
            $('<option></option>').html(z.mapName).attr('value', z.mapID.$id);
        );
    });
});