使用JSON数据填充ComboBox

Question

我的组合框在我的加载方法运行后没有显示任何项目。我已经调试了我的循环，我可以看到它试图填充我的组合框（或看起来它正在这样做），但组合框中没有任何项目。我做错了什么？

HTML：

<select id="filterComboBox">
</select>

JSON数据：

{
    "Filters": [
        {
            "text": "Sys",
            "value": "Sys"
        },
        {
            "text": "EE/RF",
            "value": "EE/RF"
        },
        {
            "text": "ME",
            "value": "ME"
        }
    ]
}

加载组合框的方法：

function populateFiltersComboBox(path) {
    $.getJSON(path)
    .done(function (data) {
        if (!data) {
            return
        }

        $(data.Filters).each(function () {
            debugger;

            var option = $('<option />');

            option.attr('value', this.value).text(this.text);

            $('#filterComboBox').append(option);
        });
    });
}

Answer 1

尝试

$('#filterComboBox').append('<option value="' + this.value + '">' + this.text + '</option>');

select对你如何做事很挑剔。我建议只添加HTML。