問題描述

如圖：目的： 1.點擊上方添加按鈕，左側(cè)表格添加一欄trtd，添加的trtd的內(nèi)容是在一個對象里，我直接有存儲。（已實現(xiàn)）2.在選中左側(cè)某一項表格的trtd時，可以在右側(cè)添加trtd（右側(cè)的添加按鈕還沒寫）（我不知道是不是trtd，因為感覺select好像不能在表格里嵌套）。（未實現(xiàn)，我沒有思路，不知道表格怎么選中，也不知道怎么與右側(cè)關(guān)聯(lián)）3.在右側(cè)選擇完各種選項時，選到的信息能夠傳遞回左側(cè)。（這個我也沒實現(xiàn)，同樣是沒思路）

要求：不要用各種亂七八糟框架，基本上只能用js，jq實現(xiàn)。

代碼如下：

<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'> <!-- 點擊上方添加按鈕，在這里創(chuàng)建trtd --></tbody></table><!-- 右側(cè)部分 --><form action='' style='width:600px;float:right;margin-right:590px;margin-top:100px;'> <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></tbody> </table> <!-- 右側(cè)下邊的添加的下拉菜單 --> <p id='area'><select id='zType_time'></select><select id='zType_years'></select><select id='month_quarter'></select> </p></form><script> //這個是上邊添加按鈕，點擊后為左側(cè)添加一個表格的trtd。 $(’button’).on(’click’,function(){//左側(cè)添加的表格的內(nèi)容在這個對象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>

問題解答

小要點：1.select可以嵌套在td內(nèi)2.“表格選中”：我解讀為元素獲取和失去焦點，可以用jquery的focus(),blur()

具體內(nèi)容：1.“右側(cè)的添加按鈕”：點擊后你想出現(xiàn)什么效果，比如右側(cè)表格空白的一行，還是顯示裝有select的一行表示？2.“表格選中，與右側(cè)關(guān)聯(lián)”：你需要關(guān)聯(lián)什么？實現(xiàn)什么效果？3.“在右側(cè)選擇完各種選項時，選到的信息能夠傳遞回左側(cè)”：你選擇的選項值，需要傳回左側(cè)表格的什么地方？ （圖片所示，左側(cè)表格的安排只有納稅人的識別號和名稱）