如何在materialize中阻止在特定情况下隐藏下拉内容？

<!-- HTML -->
<select class="no-hide">
  <option value="" disabled selected>Choose an option</option>
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>

<!-- JavaScript -->
<script>
  document.addEventListener('DOMContentLoaded', function() {
    var noHideDropdowns = document.querySelectorAll('.no-hide');
    for (var i = 0; i < noHideDropdowns.length; i++) {
      noHideDropdowns[i].addEventListener('click', function(event) {
        event.stopPropagation(); // 阻止事件冒泡，阻止下拉内容隐藏
      });
    }
  });
</script>