jQuery：使表格单元格内容可编辑

我目前正在与python，jquery一个小应用程序引擎项目。jQuery：使表格单元格内容可编辑

我有一个简单的表，一个名为“编辑”，在每行的最后一列单元格（如人信息），请参阅this jsfiddle demo.

如果我点击“编辑”，我想其他此行上的单元格是可编辑的，“编辑”变为“OK”;

然后，我可以编辑名称，年龄等单元格，如果我点击“确定”，提交更新的内容，“确定”返回到“编辑”，并且单元格再次变为正常（不可编辑）。

任何想法如何实现？先谢谢你。

来源

2012-03-24 cnherald

也许这是你想要什么：

http://jsfiddle.net/AnLFS/

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

来源

2012-03-24 02:14:37

由方式，其余的请求很容易完成。当你点击'OK'（或其他）时，只需触发一个事件，将你的信息发送到你的服务器（在ajax请求中），并重新设置属性为'只读'。 – 2012-03-24 02:16:51

感谢罗伯特。我可以使用“切换”而不是“onclick”来切换“编辑”和“确定”（请参阅http://jsfiddle.net/87Spr/1/）？任何想法如何从这些textareas与Ajax收集更新的内容？ – cnherald 2012-03-24 09:29:20

您可以使用$（'＃element'）来切换。toggle（function（）{//改为编辑}，function（）{//改为OK}）。您通过$（'＃yourtextarea'）。val（）收集更新的内容，然后使用$ .ajax（http://api.jquery.com/jQuery.ajax/）。 – 2012-03-24 15:24:56