jquery下拉框不可选

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

$("#mySelect option").prop("disabled", false);

// 错误的选择器
$("#wrongSelect").val("2");

// 正确的选择器
$("#mySelect").val("2");

try {
  $("#mySelect").val("2");
} catch (e) {
  console.error(e);
}

select {
  pointer-events: none; /* 禁用鼠标事件 */
}

select {
  pointer-events: auto;
}

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

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

$(document).ready(function() {
  // 设置选中值为 "2"
  $("#mySelect").val("2");
});