點擊表格內容，並使其可編輯

Question

我有一個從數據庫中提取數據的表。
我需要一種方法，通過單擊特定的單元格，使該單元格上的內容可編輯，然後將其保存到數據庫中。 這是我的代碼：

<table cellspacing="0" id="tabela1"> 
<tr><th>Data</th><th>Empresa</th><th>Função/Descrição</th></tr> 
<tbody> 
<?php 
    while ($pptable = mysql_fetch_array($pp, MYSQL_ASSOC)) 
{ 
    $ppdata=$pptable['data']; 
    $ppemp=$pptable['empresa']; 
    $ppdesc=$pptable['descricao']; 
    foreach ($pptable as $ppdata){ 
     echo "<tr><td>".$ppdata."</td><td>".$ppemp."</td><td>".$ppdesc."</td></tr>"; 
     } 
    } 
?> 
</tbody> 
</table> 

謝謝！

Answer 1

您始終可以使用原生JavaScript，但這裏是一個易於使用的jQuery插件，您可以輕鬆地做到您正在尋找的內容。

http://www.appelsiini.net/projects/jeditable

查看演示頁面在這裏：

http://www.appelsiini.net/projects/jeditable/default.html

Answer 2

您可以在值切換到輸入

$('#tabela1 tr td').on('click',function(){ 
var prev_text = $(this).text(); 
$(this).html('<input type="text" value="' + prev_text + '"/>'); 
$(this).focus(); 
}); 

$('#tabela1 tr td input').focusout(function(){ 
// Return to previous make validate/ajax call here. 
}); 

未測試但這是基本的邏輯背後。

但是使用現有的圖書館會更好，或者使用@Ozmah在他的評論中所說的話。