当下拉时，Materialize选择自动关闭。

Question

我有一个表单，有几个选择与Materialize-JQuery，但我的问题是，当我选择或下拉，选择自动隐藏第一次。它显示的选项，直到第二次，这总是发生... ... 我缺少什么？

   <script>
       $(document).ready(function(){
           $('select').material_select();
           $('select').formSelect();
       });
   </script>

<div class="input-field col s3">
   <select class="validate" id="year">
      <option value="" disabled selected>Select</option>
      <option value="2020">2020</option>
      <option value="2021">2021</option>
      <option value="2022">2022</option>
      <option value="2023">2023</option>
   </select>
   <label>Select Year</label>
</div>

Answer 1

首先，为什么你使用两个不同的init？

$(document).ready(function(){
  $('select').material_select(); // This is from an older version of Materialize 
  $('select').formSelect(); // This is from 1.0.0
});

你只需要一个init，它会初始化... 都 您的选择元素。从 文件:

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

第二，我们确实需要看到一个活生生的例子。