Материализация CSS - динамически добавлять опции для выбора списка - PullRequest
0 голосов
/ 08 мая 2018

Я пытаюсь популяризировать список выбора в Materialize CSS с данными из массива объектов.

У меня есть список выбора:

window.$ = window.jQuery = require('jquery');
$(document).ready(function() {
  $('select').material_select();
});

function populateSelect() {
  $('.select-person').empty();

  people.forEach(function(person, index) {
    var option = $('<option></option>');
    option.val(index);
    option.text(person.name);
    $('.select-person').append(option);
  })

  $('.select-person').material_select();
}
<select class="white-text select-list select-person">
  <option value="" disabled selected>Select a person</option>
</select>

Теперь этот вид работает и заполняет список выбора данными о людях, но кроме того, он запутывает курсор и толкает значок вниз, а также показывает параметры за пределами списка выбора в дополнение к опциям внутри списка. выберите список.

Как я могу это исправить? Я использую Materialise v0.100.2.

...