tableの中の目的データを外部jsファイルへ出力する方法について

Question

現在、店舗間での受注、発注を管理するためのシステム構築を行っており、
元々個別で管理している受発注のリストを一括で管理できるものを作りたいと考えています。
受発注の流れは以下の通りです。

フォーム入力により、ユーザーから商品の発注がされる（csvファイルに書き込まれる）
↓
営業所でcsvを読み込んで受注リストとして表示（発注情報は複数ある）
↓
受注リストの情報を確認後、指定した商品の情報を別ページ（下の店舗のリスト）へ送信
（リストの商品情報の横にボタンが付いていて、それを押すと送信される）
↓
営業所から送られてきた商品情報は店舗の管理する発送用のリストへ表示され、その商品を発送。

[例]
A営業所・・・・・「受注した商品情報」（csvファイルから読み取り）
B店舗・・・・・・
↓[送信]をクリックで、A営業所から受注情報を消去し、B店舗に表示
A営業所・・・・・
B店舗・・・・・・「受注した商品情報」(これを見て商品を発送している）

扱っている言語はjQuery, MySQL, HTML, JavaScriptです。
現在記述しているソースコードは以下のようになっています。

---

[csvファイル]abc.csv

id 商品 個数 値段
1 ねじ 12 120
2 電球 6 600
3 チョーク 20 100

ここに追加されていく

---

[html]

<table> <thead> <tr> <th>商品</th> <th>個数</th> <th>値段</th> <th></th> </tr> </thead> <tbody id="TBODY"></tbody> </table>

---

[js]
var EMPS = alasql('SELECTFROM abc;',[]);
var tbody = $('#TBODY');
for(var i=0 ; i<EMPS.length ; i++){
var EMP = EMPS[i]
var tr = $('<tr></tr>');
tr.append('<td>' +EMP.商品+ '</td>');
tr.append('<td>' +EMP.個数+ '</td>');
tr.append('<td>' +EMP.値段+ '</td>');
tr.append('<td>' <button></button> '</td>'); ------ ()
tr.appendTo(tbody)

$(function(){
$("button").click(function(){
(**)
)}
)}

---

(*)の部分でhtmlにボタンを設定し、そのボタンを押すことで動作をさせたい。

(**)の部分にappendによって表示されているテーブルの情報を送信する操作を入れたい。

---

現在、sqlのINSERT文によりcsvへ情報を追加し、それを読み込むことで受注リストへ出力することまではできていますが、その中から特定の情報だけを選択して、別ページへ出力することが出来ていません。

例えば、id=2の電球の情報のみを、ボタンを押すことで上記の受注リストから削除し、別のページの発送リストへ出力するといった場合はどのようにすればよいのでしょうか？

コーディング歴も浅く、稚拙な文章ではありますが、ご教授頂けるととても助かります。
よろしくお願いします。

Comments

[kei344]

コードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「</>」ボタンを押すとコードブロックになります。