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.“在右侧选择完各种选项时，选到的信息能够传递回左侧”：你选择的选项值，需要传回左侧表格的什么地方？
（图片所示，左侧表格的安排只有纳税人的识别号和名称）