Populating ComboBox с данными JSON

Question

В моем combobox не отображаются какие-либо элементы после запуска метода загрузки. Я отлаживал свой цикл, и я вижу, что он пытается заполнить свой combobox (или выглядит так, как будто он это делает), но в combobox нет элементов. Что я делаю не так?

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.