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