javascript - 关于表格与表单的关联等问题
如图：
目的：
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>
