在html中禁用/只读选择标记

Question

我如何才能准确地制作一个精选标签。我已经读过你不能将select设置为readonly。我这样做我可以将其设置为禁用但是...这不是一个选项。我希望用户在select标签中查看其余选项，但无法选择其中一个..

有什么想法吗？

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

您可以通过添加style="pointer-events:none;"

将其设为false-readonly

Answer 3

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

它将用于提示用户选择一个选项，同时禁用该选项。

示例：

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

Answer 4

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

如果要禁用选择框，则可以使用javascript代码在表单提交之前将其启用。因此，在表单的onsubmit事件中，您可以启用选择框，以便在提交表单时也提交其值...