<table id="TblElement">
  <tr id="TrElement">
  <td id="TDElement">
  </td>
  </tr>
</table>
<script language="javascript">
<!--function AddTableElement(){
var oTable=eval("TblElement")
var oTr=eval("TrElement")
var oTd=eval("TDElement")
         var oTableLength=oTable.rows.length
// insert row(s).
var oRow=oTable.insertRow(oTableLength)
// retrieve the rows collection for the table.
var aRows=oTable.rows
// retrieve the cells collection for the first row.
var aCells=oRow.cells
          // insert four cells into the added row.
var oCell=aRows(oRow.rowIndex).insertCell(aCells.length)
          oCell.innerHTML="<input type=\"hidden\" name=\"HiddenName1\"> <input type=\"hidden\" name=\"HiddenName2\"> <input type=\"hidden\" name=\"HiddenName3\"> "
 
}
//-->
</script>

解决方案 »

  1.   

    <HTML>
    <HEAD>
    <META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
    <TITLE></TITLE>
    <script language="javascript">
    <!--
    function AddTableElement(TRItemNum){
    var oTable=eval("TblElement")
    var oTr=eval("TrElement")
    var oTd1=eval("TDElement1")
    var oTd2=eval("TDElement2")
    var oTd3=eval("TDElement3")
    var TRNum=document.form1.TRItemNum.value
    var oTableLength=oTable.rows.length
    // insert row(s).
    var oRow1=oTable.insertRow(oTableLength)
    // retrieve the rows collection for the table.
    var aRows=oTable.rows
    // retrieve the cells collection for the first row.
    var aCells=oRow1.cells
    // insert four cells into the added row.
    var oCell1_1=aRows(oRow1.rowIndex).insertCell(aCells.length)
    var oCell1_2=aRows(oRow1.rowIndex).insertCell(aCells.length)
    var oCell1_3=aRows(oRow1.rowIndex).insertCell(aCells.length)
    oCell1_1.innerHTML="<input type=\"text\" name=\"UserID"+TRItemNum+"\" size=\"15\">"
    oCell1_1.align="center"
    oCell1_2.innerHTML="<input type=\"text\" name=\"UserName"+TRItemNum+"\" size=\"25\">"
    oCell1_3.innerHTML="<input type=\"text\" name=\"UserEmail"+TRItemNum+"\" size=\"25\">"
    TRNum=parseInt(TRNum)+1
    eval("document.form1.TRItemNum.value=TRNum")
    var TempElement=document.createElement("input")
    TempElement.type="text"
    TempElement.name="test"+TRItemNum
    TempElement.value=TRItemNum
    TempElement.size=15
    form1.appendChild (TempElement)
    }
    //-->
    </script>
    </HEAD>
    <BODY>
    <form name="form1" method="post" action="">
      <table width="100%" border="1" cellspacing="0" cellpadding="0" id="TblElement">
        <tr> 
          <td>&nbsp;</td>
          <td> 
            <div align="center"><a onClick="javascript:AddTableElement(document.form1.TRItemNum.value)" style="cursor:hand">Add 
              TR</a></div>
          </td>
          <td>&nbsp;</td>
        </tr>
        <tr id="TrElement" bgcolor="#000099"> 
          <td id="TDElement1" width=10% ><font color="#FFFFFF">UserID</font></td>
          <td id="TDElement2" width=45%><font color="#FFFFFF">UserName</font></td>
          <td id="TDElement3" width=45%><font color="#FFFFFF">UserEmail</font></td>
        </tr>
      </table>
      <p> 
        <input type="hidden" name="TRItemNum" value="1">
        
      </p>
    </form>
    <P align="center">&nbsp;</P></BODY>
    </HTML>
      

  2.   

    谢谢楼上的几位朋友,初学JAVASCRIPT还忘指教!!!
      

  3.   

    是这样的。
    <table>
    where
    </table>利用javascript在where处增加一行可以的。insertRow成为这样的<tr></tr>
    在用insertCell时可以添加表格内容,但是在加表格内容时,我想加成这样的
    <tr>
        <input type="hidden" name="TRItemNum" value="1">
        <td>asfasdf</td>
        <td>asfasdf</td>
    <tr>
    怎么可以把<input type="hidden" name="TRItemNum" value="1">
    加进去呢,我不想把<input type="hidden" name="TRItemNum" value="1">
    加到<td></td>里面的,可以实现么