I have a bootstrap select with
Another possibility could be to use a select replacement with dropdowns there it should be possible to disable the dropdown but still submitting the value of the hidden select element. But then you could also use hidden fields...
Or you really add a hidden field with the selected value in case the select element is disabled.
<input type="hidden" name="whatever"> <select name="whatever">
If the hidden field has the same name as the select, the selected value of the select should overwrite the submitted value of the hidden field (e.g. when the select field is dynamically enabled with js). And if the select is disabled the value of the hidden field is sent. Not sure about the order of what is submitted first.
this solution should also work (at least with js enabled). It disable every not selected option. And therefore the selected option is submitted and it couldn't be changed.
There is a similar and already answered question html-form-readonly-select-tag-input