Отключить / только чтение выберите тег в html

Как именно я могу сделать выбор тега только для чтения. Я читал, что вы не можете установить select как readonly. Я делаю это, я могу установить его как отключенный, но... Это не вариант. Я хотел бы, чтобы пользователь просмотрел остальные параметры в теге select, но не смог выбрать один из них..

какие идеи?

21
html readonly select

5 ответов

можно использовать атрибут disabled.

например.

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

предположим, что идентификатор тега= "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>
11

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

он будет служить цели запроса пользователя, чтобы выбрать опцию и в то же время отключить эту опцию.

пример:

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

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

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

0

вы можете сделать его поддельным-только для чтения, добавив style="pointer-events:none;"

0