您可以使用禁用属性。
例如。

<select >
  <option disabled="disabled" value="volvo">Volvo</option>
  <option disabled="disabled" value="saab">Saab</option>
  <option disabled="disabled" value="mercedes">Mercedes</option>
  <option disabled="disabled" value="audi">Audi</option>
</select>

假设标签id=“mySelectID”，并且jQuery是常驻的，则：

<script language="javascript">
// disable all the options that are not in use:
$("#mySelectID option").not(":selected").attr("disabled", "disabled");

// to remove readonly, enable them again:
$("#mySelectID option").not(":selected").attr("disabled", "");
</script>

可以通过添加style="pointer-events:none;"使其成为伪只读

我对选项标记使用了选定的禁用值。
其目的是提示用户选择一个选项，同时禁用该选项。
示例：

<option selected disabled>-Select-</option>

https://coderanch.com/t/469173/select-box-READONLY-true
如果你想禁用选择框，那么你可以在表单提交之前使用javascript代码将其重新启用。因此，在表单的onsubmit事件上，你可以启用选择框，以便在表单提交时也提交其值...