How to make a label change to a text box using jQuery

Question

I have some labels that I want to allow users to edit. Is it possible to do this and if so how (using jQuery).

When a user clicks a label, it turns into a textbox, which has the existing "label text" contained within. When the user then edits the label and clicks somewhere other than the text box, the value is saved.

This might actually be a few pieces of functionality in one, if you could help, it would be much appreciated.

Answer 1

I would suggest looking into some of the "edit in place" plugins.

Check out the live demo.

Answer 2

What you are describing is often referred to as an "in place editor". You should check out the Jeditable plugin demo page. I think it's exactly what you're looking for.