How to make a readonly text box editable on mouse-over using J query

Question

I have a read-only text-box with text in it. How to make it editable on mouse-over using J query ?

Answer 1

You could do something like this:

$('#textbox_id').mouseover(function(){
  $(this).removeAttr('readonly');
});

Where textbox_id is the id of the text box.

More Info:

• http://api.jquery.com/removeAttr/
• http://api.jquery.com/mouseover/