Mantener el valor del campo de entrada en elementos seleccionados deshabilitados

Evitar que el usuario modifique un campo de formulario y al mismo tiempo garantizar que se envíe su valor puede ser se logra mediante el uso de técnicas específicas.

Deshabilitar el elemento seleccionado y las opciones

Un enfoque es deshabilitar tanto el elemento seleccionado como sus opciones. Esto evita que el usuario interactúe con el elemento, creando un efecto de solo lectura. Sin embargo, también impide que se envíe el valor.

Habilitación de elementos antes del envío del formulario

Para resolver este problema, deshabilite todos los menús desplegables deshabilitados antes de enviar el formulario. Esto se puede lograr a través de JavaScript.

Código jQuery

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

Este código garantiza que todos los campos de formulario deshabilitados, incluido el elemento seleccionado en cuestión, estén habilitados cuando se envía el formulario. Esto permite que el valor seleccionado se incluya en los datos de envío del formulario.