web-dev-qa-db-fra.com

Désactiver/sélectionner une balise en HTML

Comment puis-je créer une balise select en lecture seule? J'ai lu que vous ne pouvez pas définir une sélection en lecture seule. Je fais cela, je peux le définir comme désactivé mais ... Ce n'est pas une option. J'aimerais que l'utilisateur visualise le reste des options dans la balise select, mais ne puisse pas en choisir une.

Des idées?

21
Tiwaz89

vous pouvez utiliser l'attribut désactivé.

par exemple.

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

supposons que la balise id = "mySelectID" et que jQuery est résident, puis:

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

Vous pouvez le rendre faux en lecture seule en ajoutant style="pointer-events:none;"

1
Kim Jensen

J'ai utilisé les valeurs désactivées sélectionnées pour la balise d'option.

Cela servira à inviter l'utilisateur à sélectionner une option et à le désactiver en même temps.

Exemple:

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

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

si vous souhaitez désactiver la zone de sélection, vous pouvez utiliser un code javascript pour le réactiver avant l'envoi du formulaire. Donc, sur l'événement onsubmit du formulaire, vous pouvez activer la zone de sélection pour que sa valeur soit également soumise lors de l'envoi du formulaire ...

0
ahll