怎么js为表格动态添加行？

Question

你的代码让我改了一下，但是效果应该拆不多，你看看可以不？
html-------------------------------
<table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#6699FF"  id="tr_end">
  <tr>
    <th scope="col">区号</th>
    <th scope="col">部号</th>
    <th scope="col">组号</th>
  </tr>
  <tr>
    <th scope="row"><select name="select">
      <option value="aaa" selected>aaa</option>
      <option value="bbb">bbb</option>
      <option value="ccc">ccc</option>
                    </select></th>
    <td><div align="center">
      <select name="select2">
        <option value="aaa" selected>aaa</option>
        <option value="bbb">bbb</option>
        <option value="ccc">ccc</option>
      </select>
    </div></td>
    <td><div align="center">
      <select name="select3">
        <option value="aaa" selected>aaa</option>
        <option value="bbb">bbb</option>
        <option value="ccc">ccc</option>
      </select>
    </div></td>
  </tr>
  <tr>
    <th scope="row"><select name="select4">
      <option value="aaa" selected>aaa</option>
      <option value="bbb">bbb</option>
      <option value="ccc">ccc</option>
    </select></th>
    <td><div align="center">
      <select name="select5">
        <option value="aaa" selected>aaa</option>
        <option value="bbb">bbb</option>
        <option value="ccc">ccc</option>
      </select>
    </div></td>
    <td><div align="center">
      <select name="select6">
        <option value="aaa" selected>aaa</option>
        <option value="bbb">bbb</option>
        <option value="ccc">ccc</option>
      </select>
    </div></td>
  </tr>
  <tr>
    <th scope="row"><select name="select8">
      <option value="aaa" selected>aaa</option>
      <option value="bbb">bbb</option>
      <option value="ccc">ccc</option>
    </select></th>
    <td><div align="center">
      <select name="select7">
        <option value="aaa" selected>aaa</option>
        <option value="bbb">bbb</option>
        <option value="ccc">ccc</option>
      </select>
    </div></td>
    <td><div align="center">
      <select name="select9">
        <option value="aaa" selected>aaa</option>
        <option value="bbb">bbb</option>
        <option value="ccc">ccc</option>
      </select>
    </div></td>
  </tr>
  </table>
  <table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#6699FF" style="border-top:0px;margin-top:-1;">
  <tr>
    <th><input type="submit" name="Submit2" value="提交">
      <input name="Submit22" type="reset" value="添加区部组" onclick="fncAdd_tr()"></th>
    </tr>
 </table>javascript----------fncAdd_tr()函数-------------
<Script type='text/javascript'>
<!--
function fncAdd_tr()
{
var strHtml='';
strHtml = "<table width='100%' border='1' style='border-top:0px;margin-top:-1;' cellpadding='0' cellspacing='0' bordercolor='#6699FF'><tr><th scope='row'><select name='select'><option value='aaa' selected>aaa</option><option value='bbb'>bbb</option><option value='ccc'>ccc</option></select></th><td><div align='center'><select name='select2'><option value='aaa' selected>aaa</option><option value='bbb'>bbb</option><option value='ccc'>ccc</option></select></div></td><td><div align='center'><select name='select3'><option value='aaa' selected>aaa</option><option value='bbb'>bbb</option><option value='ccc'>ccc</option></select></div></td></tr></table>";
//当然你的赋值语句最好分开些，比较清楚！
document.all.tr_end.insertAdjacentHTML('AfterEnd',strHtml);
}
//-->
</Script>

Answer 1

<table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#6699FF"  id="table_northsnow">
  <tr>
    <th scope="col">区号</th>
    <th scope="col">部号</th>
    <th scope="col">组号</th>
  </tr>
  <tr>
    <th scope="row"><select name="select">
      <option value="aaa" selected>aaa</option>
      <option value="bbb">bbb</option>
      <option value="ccc">ccc</option>
                    </select></th>
    <td><div align="center" >
      <select name="select2">
        <option value="aaa" selected>aaa</option>
        <option value="bbb">bbb</option>
        <option value="ccc">ccc</option>
      </select>
    </div></td>
    <td><div align="center">
      <select name="select3">
        <option value="aaa" selected>aaa</option>
        <option value="bbb">bbb</option>
        <option value="ccc">ccc</option>
      </select>
    </div></td>
  </tr>
  <tr>
    <th scope="row"><select name="select4">
      <option value="aaa" selected>aaa</option>
      <option value="bbb">bbb</option>
      <option value="ccc">ccc</option>
    </select></th>
    <td><div align="center">
      <select name="select5">
        <option value="aaa" selected>aaa</option>
        <option value="bbb">bbb</option>
        <option value="ccc">ccc</option>
      </select>
    </div></td>
    <td><div align="center">
      <select name="select6">
        <option value="aaa" selected>aaa</option>
        <option value="bbb">bbb</option>
        <option value="ccc">ccc</option>
      </select>
    </div></td>
  </tr>
  <tr id="tr_northsnow">
    <th scope="row"><select name="select8">
      <option value="aaa" selected>aaa</option>
      <option value="bbb">bbb</option>
      <option value="ccc">ccc</option>
    </select></th>
    <td><div align="center">
      <select name="select7">
        <option value="aaa" selected>aaa</option>
        <option value="bbb">bbb</option>
        <option value="ccc">ccc</option>
      </select>
    </div></td>
    <td><div align="center">
      <select name="select9">
        <option value="aaa" selected>aaa</option>
        <option value="bbb">bbb</option>
        <option value="ccc">ccc</option>
      </select>
    </div></td>
  </tr>
  <tr>
    <th colspan="3" scope="row">      <input type="submit" name="Submit2" value="提交">
      <input name="Submit22" type="reset" value="添加区部组"></th>
    </tr>
</table>javascript----------fncAdd_tr()函数-------------
<Script type='text/javascript'>
<!--
function fncAdd_tr()
{
var strHtml='';
strHtml = "<tr>" + document.getElementById("tr_northsnow").innerHTML + "</tr>"; document.getElementById("table_northsnow").insertAdjacentHTML('AfterEnd',strHtml);
}
//-->
</Script>

Answer 2

http://www.51windows.net/myjs/?u=/hw/asp/jsview.asp?id=118
---表格类----动态表格
不知道能不能满足要求