(материализовать CSS Framework) «требуется» атрибут не работает в материализовать выберите тег

Question

Это следующая HTML структура:

<div class="input-field col s5 col m5"> 
    <select required id="passengerDestination" name="passengerDestination{{ $i }}" class="validate"> 
     <option selected="" disabled="" value="">Select Destination</option> 
     <option selected="" disabled="" value="">Select value</option> 
     <option value="1">1</option> 
     <option value="2">2</option> 
     <option>...</option> 
    </select> 
    <label class="white-text" for="passengerDestination">Destination</label> 
</div> 

Пожалуйста, не против {{ $i }}, потому что я использую Laravel и выберите тег внутри цикла @for.

Проблема заключается в том, что когда я изменил класс тега select на browser-default, он вызывает атрибут тега select.

Но это не то, что я хочу. Я хочу использовать атрибут require тега select без использования класса browser-default.

Как это можно сделать?

Материал рамки используется:

materializecss.com

Answer 1

Выбрать, вы видите, это представление скрытой, лежащий в основе родной выбора. Если вы или какой-либо другой код изменяет родной выбор, вам нужно позвонить

$('{your selector}').material_select(); 

Это пересвязать представление в родной выберите.