如何在颤动中禁用DropDown

<select disabled>
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>

<select id="myDropdown">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>

<script>
  var dropdown = document.getElementById("myDropdown");
  dropdown.disabled = true; // 禁用下拉菜单
  // dropdown.disabled = false; // 启用下拉菜单
</script>

<select class="disabled">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>

<style>
  .disabled {
    pointer-events: none; /* 禁用鼠标事件 */
    opacity: 0.6; /* 降低透明度，表示禁用状态 */
  }
</style>