How to ensure a <select> form field is submitted when it is disabled?

Disable the fields and then enable them before the form is submitted:

jQuery code:

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

<select disabled="disabled">    ....</select><input type="hidden" name="select_name" value="selected value" />

Where select_name is the name that you would normally give the <select>.

Another option.

<select name="myselect" disabled="disabled">    <option value="myselectedvalue" selected="selected">My Value</option>    ....</select><input type="hidden" name="myselect" value="myselectedvalue" />

Now with this one, I have noticed that depending on what webserver you are using, you may have to put the hidden input either before, or after the <select>.

If my memory serves me correctly, with IIS, you put it before, with Apache you put it after. As always, testing is key.

I`ve been looking for a solution for this, and since i didnt find a solution in this thread i did my own.

// With jQuery$('#selectbox').focus(function(e) {    $(this).blur();});

Simple, you just blur the field when you focus on it, something like disabling it, but you actually send its data.