如何在materializeCss中进行内联选择

<link rel="stylesheet" href="path/to/materialize.min.css">
<script src="path/to/materialize.min.js"></script>

<div class="input-field">
  <select>
    <option value="" disabled selected>选择一个选项</option>
    <option value="1">选项1</option>
    <option value="2">选项2</option>
    <option value="3">选项3</option>
  </select>
  <label>下拉菜单</label>
</div>

<p>
  <label>
    <input type="checkbox" />
    <span>选项1</span>
  </label>
</p>
<p>
  <label>
    <input type="checkbox" />
    <span>选项2</span>
  </label>
</p>
<p>
  <label>
    <input type="checkbox" />
    <span>选项3</span>
  </label>
</p>

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

  var checkboxElems = document.querySelectorAll('input[type="checkbox"]');
  M.FormCheckbox.init(checkboxElems);
});