表Aと表Bの画面操作実装

Question

HTMLとJavascript（jQuery）を用いて、
以下の実装を行いたいのですが、わかりません。
どなたか助けてください。

前提
表Aと表Bがある。
・表Aには画面表示時、多数のデータがある。
・表Bには画面表示時、何もデータがない。

処理内容
表Aのレコードの追加ボタンを押下すると、表Bに追加する。
表Bで削除ボタンを押下すると、表Bから削除する。

イメージ
![イメージ説明]WIDTH:600

Answer 1

以下を見てわからなければ再度、何がわからないのかを質問して下さい。
※違いとしてはボタンが個々にあるかどうかだけです。

http://shanabrian.com/web/jquery/form01.php

質問にあるイメージのように個々にボタン用意する場合は、
ボタンを押した位置から前のoption要素のを取得して、
その要素をそのまま表Bに.append()すれば良いと思います。
また、追加したレコードを表Aから消すのであれば.remove()してください。

削除をした際に表Bから消え、表Aへ復活させるのであれば
上記の表Aの追加ボタンと同様の挙動でいいと思います。
因みにその場合、ソートは考慮していないので一番下に追加されます。
ソートを考慮したい場合は予めソート用の番号をoptionに持たせる必要があります。
わからなければこれも聞いてください。

本件は基本的にすぐサンプルが出てくる内容ですので、調べてみてください。