Question

How can I set the disabled and readonly properties of a <select> and <input> element with jQuery? Also can someone please explain the difference. It seems to me that both properties would do the same thing.

Answer 1

$('input,select').attr('disabled','disabled')
$('input').attr('readonly','readonly')

likewise…

$('input,select').removeAttr('disabled')
$('input').removeAttr('readonly')

EDIT: You might want to read about the difference between .prop() and .attr(). Although relatively old here’s an official documentation covering it.