Concat 参数语法的问题？

Question

我有以下函数，它通过JSON文件的Ajax信息检索。这个函数如下所示：

setOptionsSettings("[data-machine-brand-options]", apiUrlMachineBrands, 'name');

function setOptionsSettings(htmlElement, url, apiParameter) {

    $.ajax({
        dataType: "json",
        url: url,
        // CREATE GENERIC SOLUTION for the spinner
        beforeSend: function(xhr) {
            $('main').html('<div class="spinner"><div class="hori-verti-centering"><div class="bounce bounce1"></div><div class="bounce bounce2"></div><div class="bounce bounce3"></div></div></div>');
            setHeader(xhr);
        },
        success: function (data) {
            $.each(data, function(i) {
                $(htmlElement).append("<option id=" + data[i].id + " value=" + data[i].apiParameter + ">" + data[i].apiParameter + "</option>");
            });
        }
    });
    return {};
}

我正在尝试设置appiParamter，所以当调用函数setOptionSettings时，可以放置需要调用的参数的名称。在这种情况下，参数是name。那么如何将其插入函数以使其工作？

我尝试了以下解决方案，但没有任何效果，有什么建议吗？

$(htmlElement).append("<option id=" + data[i].id + " value=" + data[i]. + apiParameter + ">" + data[i]. + apiParameter + "</option>");

Answer 1

To access object property using string key use Bracket notation i.e data[i][apiParameter]

As you are using jQuery create element using it.

$(htmlElement).append($('<option></option>', {
    "id": data[i].id,
    "value": data[i][apiParameter]
}));