jQuery - 填充下拉表单选项值

jQuery - Populating drop down form option values

本文关键字：表单 选项 填充 jQuery      更新时间：2023-09-26

我可以填充#maplist选择下拉列表的选项字段的名称：

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

但是我不知道如何将.val添加到每个选项字段（在这种情况下，它将是z.mapID.$id）

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

我会这样做，而不是连接一堆字符串。

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

使用 .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);
        );
    });
});
相关文章：