В настоящее время я пытаюсь реализовать динамическое раскрывающееся меню c select с использованием materialize, но я не уверен, как правильно отформатировать выделение. Ниже приведен фрагмент кода и WIP того, что я пытаюсь сделать, а также снимок текущего вывода, который я получаю. Идея состоит в том, чтобы иметь выпадающий список чайных смесей, которые уже созданы для пользователей, чтобы выбрать или создать новую чайную смесь, которая будет добавлена к выбору. Я все еще очень плохо знаком с Материализацией, поэтому любые советы или предложения по стилю не стесняйтесь делиться.
WIP Select Snippet
<div class= "input-field col s12">
<select>
<option value=":tea_id"><%= f.collection_select :tea_id, Tea.alpha,
:id,:flavor_and_brand, include_blank: true %></option>
</select>
<label> <%= f.label :tea_id, "Select a Tea Blend" %> </label>
</div>
JS Initialization
<script>
document.addEventListener('DOMContentLoaded', function() {
var elems = document.querySelectorAll('select');
var instances = M.FormSelect.init(elems, options);
});
</script>
