Question

I am currently working on a small app engine project with python, jquery.

I have a simple table(people info for example) with a cell called “Edit” at the last column on each row, please refer to this jsfiddle demo.

If I click “Edit”, I would like the other cells on this row are editable, and “Edit” turns to “OK”;

I can then edit the cells of name, age, etc, if I click “OK”, the updated content is submitted, the “OK” turns back to “Edit”, and cells become normal(not editable) again.

Any idea how to implement this? thank you in advance.

Answer 1

Maybe this is what you want:

http://jsfiddle.net/AnLFS/

var editButton = $('#edit');
editButton.on('click', function(){
   $('textarea').removeAttr('readonly');
});​