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

您可以将值切换为输入

$('#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在评论中所说的内容。

Answer 2

你总是可以使用原生的javascript，但这里有一个易于使用的jQuery插件，你可以轻松地完成你想要的工作。

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

点击此处的演示页面：

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

单击表格内容并使其可编辑

2 个答案: