Making Chosen Dropdown Read only (not disabled)

Question

I'm looking to make a chosen dropdown menu read only, and I need to do this dynamically using a jQuery selector. If I set it to disabled using:

$("#dropdownDepartment").attr("disabled","disabled").trigger('chosen:updated');

the value isn't POSTed but I need it to be.

I have tried

$("#dropdownDepartment").attr('readonly',true).trigger('chosen:updated');

but this doesn't work.

I'm using Chosen v1.4.2 and jQuery v2.1.4.

Help appreciated! Thank you.

Answer 1

The best solution for me was such an ugly trick $("#dropdownDepartment").prop('disabled',true).trigger('chosen:updated').prop('disabled',false). So chosen is disabled but value from select is POSTed.