javascript-テーブルセルをテキスト領域に変更し、保存してキャンセルボタン

MySqlデータベースからすべてのデータを取得して表示するテーブルがあり、クリックするとテーブルセルをテキスト領域に変更し、保存ボタンとキャンセルボタンの2つのボタンを表示する方法を考えていました。< / p>

保存ボタンは、変更された情報を行のIDとともに別のページに送信します。このページには、データベースを新しい情報で更新するためのSQLクエリがあります。

これを見たが、代わりにキャンセルと保存ボタンが表示されるように変更する方法がわかりません。外側をクリックするとキャンセルと同じになります。 テーブルセルをテーブルに表示するための私のPHPコード：

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

どんな助けでも大歓迎です。

ありがとうございます