Comment inclure les données d'un élément de sélection désactivé dans les soumissions de formulaires ?

Utilisation d'une sélection désactivée et d'une entrée masquée pour l'inclusion de données de formulaire

En HTML, l'option La balise ne dispose pas d'un attribut dédié en lecture seule, ce qui oblige les développeurs à s'appuyer sur l'attribut désactivé pour empêcher les modifications de l'utilisateur. Cependant, les entrées de formulaire désactivées sont exclues des soumissions de données POST/GET, ce qui crée un dilemme lorsque l'on souhaite conserver les valeurs choisies par l'utilisateur.

Pour surmonter ce défi, une solution pratique consiste à conserver l'option

élément désactivé mais introduisez une entrée cachée supplémentaire avec un nom et une valeur identiques. Cela permet à la valeur sélectionnée d'être capturée et incluse dans les données du formulaire.

Si vous souhaitez réactiver l'option entrée plus tard, utilisez un événement onchange pour dupliquer sa valeur dans l'entrée masquée et simultanément désactiver (ou supprimer) cette entrée masquée.

Considérez cette démonstration de code :

[Extrait de code]

1. Lors de la soumission du formulaire, les données soumises sont affichées.
2. Initialement, le bouton

L'élément de sélection des animaux est désactivé.

Cliquer sur le bouton "Activer" réactive l'option et met à jour son entrée masquée correspondante.

En employant cette technique, vous pouvez émuler efficacement la fonctionnalité en lecture seule pour

balises tout en préservant l'élément sélectionné dans les données du formulaire soumis.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!