Readonly property not working

Question

"readonly" property not working. Please check my code below http://jsfiddle.net/KZArL/

Even after setting readonly still i can change value...I am using the below code

$('select').prop('readonly','readonly');

If i disable post won't carry disabled value...

Answer 1

AFAIK, you cannot make a select read only, what you need to do is disable it:

$('select').prop('disabled', true);

Bare in mind that disabled form fields are not submitted with the form.