html - 选择标签中未显示的具体化选项

Question

选择标签中的选项未在具体化 css 中显示。

<div class="row">  
      <div class="browser-default input-field col s12">
           <select name="select_1" id="select_1">
                  <option value="" disabled selected>Choose your option</option>
                  <option value="1">Option 1</option>
                  <option value="2">Option 2</option>
                  <option value="3">Option 3</option>
           </select>
           <label>Materialize Select</label>  
       </div>                            
</div>

js：

$(document).ready(function(){
    $('select').formSelect();
  });

我用过 $('select').material_select();，但选项仍然没有显示。

这有什么原因吗？如何在选择中显示选项？

标签： htmlmaterialize

Answer 1

我错过了以下部分。

  <!-- Compiled and minified JavaScript -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>