javascriptを使用して動的HTMLテーブルからデータを保存する

Question

私は、mysqlテーブルのデータをHTMLテーブルにロードします。次に、ユーザーは1つまたは複数の行を追加または削除できます。最後に、変更をデータベースに保存する必要があります。このすべては、PHPとJavaScriptを使用して行う必要があります。

私はこれが非常に難しくないと知っています。実際には、データベースからHTMLテーブルにデータをロードし、JavaScript関数を使用して行を追加または削除していましたが、テーブルから変更を保存しようとするのが最も苦労しています。これらの行に動的に追加されたIDがないことを考慮して、特定の行をテーブルから削除するにはどうすればよいですか？特定の行からどのようにデータにアクセスできますか？

私はあなたが私を助けてくれることを願っています。これは私をナットにしている！どうもありがとうございました。

Answer 1

動的に追加する場合は、行IDを与えることはできませんか？または、JavaScriptを使用してテーブルを反復処理することはできますか？あなたがモバイルや組み込みプラットフォームのために開発されていない場合は

var theTable = document.getElementById("theTableId"); 
for (var i=0, row; row=table.rows[i]; i++) { 
      // Remove if deleted 
} 

Answer 2

は、あなたはレバレッジに、このようなDataTablesやjEditableなど、いくつかのよく発達したライブラリを、考慮するとよいでしょう。

an example from DataTablesがあります。これはjEditableを使用してテーブルのインライン編集を可能にします。それはあなたが望むものに近いものかもしれません。

DataTablesライブラリを使用すると、さまざまな場所からソースを取得することができます。 DOM、AJAX、JavaScript配列またはサーバー側。 examples on their websiteをご覧ください。