Conserver la valeur du champ de saisie dans les éléments de sélection désactivés

Empêcher les modifications utilisateur d'un champ de formulaire tout en garantissant que sa valeur est soumise peut être obtenu en utilisant des techniques spécifiques.

Désactivation de l'élément et des options de sélection

Une approche consiste à désactiver à la fois l'élément de sélection et son choix. Cela empêche l'utilisateur d'interagir avec l'élément, créant ainsi un effet de lecture seule. Cependant, cela empêche également la soumission de la valeur.

Activation des éléments avant la soumission du formulaire

Pour résoudre ce problème, désactivez tous les menus déroulants désactivés avant de soumettre le formulaire. Ceci peut être réalisé via JavaScript.

jQuery Code

jQuery(function ($) {        
  $('form').bind('submit', function () {
    $(this).find(':input').prop('disabled', false);
  });
});

Ce code garantit que tous les champs de formulaire désactivés, y compris l'élément de sélection en question, sont activés lorsque le formulaire est soumis. Cela permet à la valeur sélectionnée d'être incluse dans les données de soumission du formulaire.