[jQuery] How to make input readonly with jQuery in IE
I've found some inconsistent behavior in IE vs. FF and was wondering if someone might know a workaround.
I have some form fields, for which the HTML is generated by a template system out of my control. I want to set some of the fields to readonly so I wrap them in a <span> that has a readonly class. The HTML looks like this:
<span class="readonly"><input type="text">Some text</input></span>
I have tried each of the following queries and none of them have the desired effect. Its like they aren't modifying the DOM.
$("span.readonly input").attr("readonly", "readonly");
$("span.readonly input").attr("disabled", "disabled");
$("span.readonly
input").focus(function() { $(this).blur(); });
These work (with varying effects) in FF but not in IE. However if I manually put the attributes (or script) on an input field in IE it does work. I know I have the queryright because I did this
$("span.readonly input").focus(function() { alert('here'); });
and I get a popup when I click on the field.
Can anyone help with this?
Thanks,
-Dave
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/