javascript - テーブルとフォームの関連付けに関する質問

Question

図に示すように:
目的:
1. 上の追加ボタンをクリックし、左側のテーブルに trtd の列を追加します。追加された trtd の内容はオブジェクトにあり、保存します。それを直接。 (実装済み)
2. 左側のテーブルの trtd を選択すると、右側に trtd を追加できます (右側の追加ボタンはまだ書かれていません) (trtd かどうかはわかりませんが、 select をテーブル内でネストできないように見えるため)。 (実装されていない、わからない、テーブルの選択方法がわからない、右側との関連付け方法がわからない)
3. 右側でさまざまなオプションを選択した後、選択した情報を左側に戻すことができます。 (私もこれを実装していませんし、わかりません)

要件: 面倒なフレームワークは使用しないでください。基本的には js と jq でのみ実装できます。

コードは以下のように表示されます:

リーリー

Answer 1

小さなポイント:
1. select は td にネストできます
2. 「テーブルの選択」: フォーカスを取得または失う要素として解釈します。jquery の focus()、blur() を使用できます

具体的な内容:
1.「右側の追加ボタン」: 右側の表の空白行や選択された行など、クリック後にどのような効果を与えますか?
2. 「テーブルを選択して右側に関連付ける」: 何を関連付ける必要がありますか?どのような効果が得られるのでしょうか？
3. 「右側でさまざまなオプションを選択した後、選択した情報を左側に戻すことができます」: 選択したオプションの値をテーブルの左側に戻す必要があるのはどこですか?
(写真のように、左側の表の配置には納税者の識別番号と名前のみが含まれています)