禁用/只读 html 中的选择标签

Question

我究竟如何才能将选择标签设为只读。我读到您不能将选择设置为只读。我这样做，我可以将其设置为禁用，但是......这不是一个选项。我希望用户查看选择标签中的其余选项，但无法选择其中之一..

有什么想法吗？

Answer 1

您可以使用禁用属性。

例如。

<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>

Answer 2

假设标签 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>

Answer 3

您可以通过添加 style="pointer-events:none;" 将其设置为假只读

Answer 4

我使用了选项标记的选定禁用值。

它将起到提示用户选择一个选项并同时禁用该选项的目的。

例子：

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

Answer 5

https://coderanch.com/t/469173/select-box-READONLY-true

如果您想禁用选择框，那么您可以使用 JavaScript 代码在表单提交之前重新启用它。因此，在表单的onsubmit事件上，您可以启用选择框，以便在提交表单时也提交其值...