Materialise CSS select语句未显示

Question

Materialise CSS select语句未显示

虽然这个问题已经在这个帖子中提出过:

我在放置此代码的位置时遇到问题:

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

Run Code Online (Sandbox Code Playgroud)

目前,我能想到的最合乎逻辑的事情就是这样:

<body>
  <!--Import jQuery before materialize.js-->
  <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
  <script type="text/javascript" src="js/materialize.min.js">
    $(document).ready(function() {
        $('select').material_select();
    });
  </script>

  <div class="input-field col s12">
    <select>
      <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>
</body>

Run Code Online (Sandbox Code Playgroud)

我已经尝试将"文档"更改为我的文档名称,在本例中为"index",但它仍然无法正常工作.

我只是慢吗？

提前致谢.

Answer 1

arn*_*hgz 8

试试这个:

<body>
  <div class="input-field col s12">
    <select>
      <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>
  <!--Import jQuery before materialize.js-->
  <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
  <script type="text/javascript" src="js/materialize.min.js"></script>
  <script>
     $(document).ready(function() {
        $('select').material_select();
    });
  </script>

</body>

Run Code Online (Sandbox Code Playgroud)

Answer 2

小智 5

您需要使用“浏览器默认”类来显示选择组合。像这样：

<select name="name" class="browser-default"><option>- options -</option></select>

Run Code Online (Sandbox Code Playgroud)

归档时间：	10 年，9 月前
查看次数：	11947 次
最近记录：	7 年，5 月前