如何在Materialize CSS中拥有多个下拉列表？

在Materialize CSS中拥有多个下拉列表，可以通过使用HTML和JavaScript来实现。

首先，需要引入Materialize CSS的样式文件和JavaScript文件。可以通过以下方式引入：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

接下来，可以使用以下HTML代码创建一个基本的下拉列表：

<div class="input-field">
  <select>
    <option value="" disabled selected>请选择</option>
    <option value="option1">选项1</option>
    <option value="option2">选项2</option>
    <option value="option3">选项3</option>
  </select>
  <label>下拉列表</label>
</div>

上述代码中，<select>标签用于创建下拉列表，<option>标签用于定义选项。disabled属性用于禁用第一个选项，selected属性用于设置默认选中的选项。

如果需要创建多个下拉列表，只需复制上述代码并修改选项的值和显示文本即可。例如：

<div class="input-field">
  <select>
    <option value="" disabled selected>请选择</option>
    <option value="option1">选项1</option>
    <option value="option2">选项2</option>
    <option value="option3">选项3</option>
  </select>
  <label>下拉列表1</label>
</div>

<div class="input-field">
  <select>
    <option value="" disabled selected>请选择</option>
    <option value="option4">选项4</option>
    <option value="option5">选项5</option>
    <option value="option6">选项6</option>
  </select>
  <label>下拉列表2</label>
</div>

上述代码中，创建了两个下拉列表，分别是"下拉列表1"和"下拉列表2"。

最后，需要初始化下拉列表的样式和功能。可以在JavaScript中使用以下代码进行初始化：

document.addEventListener('DOMContentLoaded', function() {
  var elems = document.querySelectorAll('select');
  var instances = M.FormSelect.init(elems);
});

上述代码会自动将所有的下拉列表初始化为Materialize CSS的样式和功能。

至此，你就可以在Materialize CSS中拥有多个下拉列表了。根据实际需求，可以进一步自定义下拉列表的样式和功能，例如添加事件监听、设置默认选中项等。

请注意，以上答案中没有提及腾讯云相关产品和产品介绍链接地址，如有需要，请自行查阅腾讯云官方文档或咨询腾讯云官方客服。