Javascript 将表格单元格更改为文本区域并单击“保存”和“取消”按钮

我有一个从MySql数据库获取所有数据并显示的表，我想知道如何在单击时将表单元格更改为文本区域，并显示两个按钮，一个保存按钮和一个取消按钮

然后，“保存”按钮会将更改的信息连同行的id一起发送到另一个页面，该页面有一个sql查询，用新信息更新数据库

我有，但不知道如何改变它，使它有一个取消和保存按钮，而不是，在外面点击将是相同的取消。 用于在表格中显示表格单元格的PHP代码：

if (empty($row{Additional_Info})) {
     $additional = 'No Additional Info';
}
else {
     $additional = $row{'Additional_Info'};
}
echo '<td class="additional">' . $additional . "</td>";

if（空（$row{Additional_Info}））{
$additional='无其他信息'；
}
否则{
$additional=$row{'additional_Info'}；
}
回显“”$额外的。"";

感谢您的帮助

---

谢谢您

单击按钮即可使用ajax。您需要为发布更多的HTML表，以提供更好的答案

我认为单击“保存”按钮将运行一个函数，然后将数据传递到另一个页面，在那里我的sql语句将更新数据库。我只是无法将表格单元格更改为文本区域、保存按钮和取消按钮。因此，我需要的帮助是将表格单元格转换为文本区域和两个按钮通常我要做的是在表的位置创建一个id为的div，然后在Ajax中使用这个id将从另一个页面接收的单元格更改为Ajaxresult@GoE我尝试添加

$（“#网格编辑”）。附加（“测试”）；

指向链接中的函数，但当我将其更改为文本区域时，它不允许我单击按钮。@Akhilsidhart我该怎么做？