Отключить / только для чтения выбрать тег в HTML

Question

Как именно я могу сделать тег выбора доступным только для чтения.Я читал, что вы не можете установить выбор только для чтения.Я делаю это, я могу установить его как отключенный, но ... Это не вариант.Я бы хотел, чтобы пользователь просмотрел остальные параметры в теге 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

предположим, что тег 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

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

Если вы хотите отключить поле выбора, вы можете использовать код JavaScript, чтобы включить его обратно перед отправкой формы. Таким образом, в событии onsubmit формы можно включить поле выбора, чтобы его значение также отправлялось при отправке формы ...

Answer 5

Я использовал выбранные отключенные значения для тега параметра.

Он будет предлагать пользователю выбрать параметр и одновременно отключить этот параметр.

Пример:

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