javascript - 關於表格與表單的關聯等問題

Question

#如圖：
目的：
1. 點擊上方新增按鈕，左側表格新增一欄trtd，新增的trtd的內容是在一個物件裡，我直接有儲存。 （已實現）
2.在選取左側某一項表格的trtd時，可以在右側新增trtd（右側的新增按鈕還沒寫）（我不知道是不是trtd，因為感覺select好像不能在表格裡嵌套）。 （未實現，我沒有思路，不知道表格怎麼選中，也不知道怎麼與右側關聯）
3.在右側選擇完各種選項時，選到的信息能夠傳遞回左側。 （這個我也沒實現，同樣是沒思路）

要求：不要用各種亂七八糟框架，基本上只能用js，jq實作。

程式碼如下：

<button>添加</button>
<table border="1px solid #000">
<thead>
    <tr>
        <th style="width:100px;"></th>
        <th style="width:200px;">纳税人识别号</th>
        <th style="width:200px;">纳税人名称</th>
    </tr>
</thead>
<tbody id="a">
    <!-- 点击上方添加按钮，在这里创建trtd -->
</tbody>
</table>
<!-- 右侧部分 -->
<form action="" style="width:600px;float:right;margin-right:590px;margin-top:100px;">
    <table id="b" border="1px solid #000">
        <thead>
            <tr>
                <th style="width:100px;">计算期类型</th>
                <th style="width:200px;">期间</th>
                <th style="width:200px;">征收方式</th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
    <!-- 右侧下边的添加的下拉菜单 -->
    <p id="area">
        <select id="zType_time"></select>
        <select id="zType_years"></select>
        <select id="month_quarter"></select>
    </p>
</form>
<script>
    //这个是上边添加按钮，点击后为左侧添加一个表格的trtd。
    $('button').on('click',function(){
        //左侧添加的表格的内容在这个对象hahaha里。
        var hahaha = {
            num:"1",
            codes:"123456789",
            company:"啦啦啦啦啦"
        }
        var aaa = $('<tr><td>'+hahaha.num+'</td><td>'+hahaha.codes+'</td><td>'+hahaha.company+'</td></tr>');
        var bbb = $('#a');
        bbb.append(aaa); 
    })
</script>

Answer 1

小重點：
1.select可以嵌套在td內
2.「表格選取」：我解讀為元素取得和失去焦點，可以用jquery的focus(),blur()

具體內容：
1.「右邊的新增按鈕」：點擊後你想出現什麼效果，例如右側表格空白的一行，還是顯示裝有select的一行表示？
2.「表格選中，與右側關聯」：你需要關聯什麼？實現什麼效果？
3.「在右側選擇完各種選項時，選到的資訊能夠傳回左側」：你選擇的選項值，需要傳回左側表格的什麼地方？
（圖所示，左側表格的安排只有納稅人的識別號碼和名稱）