我想有一个按钮，可以增加一行，这一行里的数据，由我自己来指定，可以吗？

<BODY>
<SCRIPT LANGUAGE="JavaScript">
function addRow(tbl)
{
var a = tbl.insertRow();
a.id = "a" + tbl.rows.length;
for(var i=0; i<tbl.rows[0].cells.length; i++)
{
var tc = a.insertCell();
tc.innerText = " ";
tc.onfocus = function()
{
this.parentElement.parentElement.parentElement.ct = this.parentElement;
this.innerHTML = "<input type=\"text\" value=\"" + (this.innerText==" "?"":this.innerText) + "\" style=\"width:100%;height:100%;border:0;\" onblur=\"this.parentElement.innerText=(this.value==''?' ':this.value);\">";
this.children[0].focus();
};
}
}function delRow(tbl)
{
if(!tbl.ct) return;
tbl.deleteRow(tbl.ct.rowIndex);
tbl.ct = null;
}</SCRIPT>
<table border=1 id="tbl">
<tr id=a1>
<td>123</td>
<td>456</td>
</tr>
</table>
<input type="button" value="添加行" onclick="addRow(document.all.tbl);">
<input type="button" value="删除行" onclick="delRow(document.all.tbl);">
</BODY>

解决方案 »

  1.   

    dom里面的添加删除节点，给个例子你看下<%
    For i = 1 To num
    UserName = Request("User_name" & i)
    Member_name = Request("Member_name" & i)
     if UserName<>"" and Member_name<>"" then
    sql = "insert into Persons (Times_num,Member_name,Main_unit) values('" & Times & "','" & UserName & "','" &Member_name & "')"
    cn.Execute sql
    end if
    Next
    %><script language=javascript>
      var i
      i=1
      function changeasc(){
      i=i+1   
      file.insertAdjacentHTML('BeforeEnd','<br>填写姓名'+i+'：<input type="text" name="User_name'+i+'" size=25 <br>主派单位'+i+'：<input type="text" name="Member_name'+i+'" size=25>');
      document.addform.username_total.value=i
       
      }   
    </script>
    <form name="addform" method="post" action="999.asp?submit=ok">
    <input type=hidden value="1" name="username_total">
    <tr>
    <td align=center><input type=button value="增加人员信息" language=javascript onclick="changeasc()"></td>
    </tr>
    <tr>
    <td align=center>
    <p>填写姓名1：<input type="text" name="User_name1" size=25> 主派单位1：<input type="text" name="Member_name1" size=25></td>
    </tr>
    <tr>
    <td align=center></p>
    <div id=file></div></td>
    </tr>
    </td></tr>
    </table>
    </div>
    <p>
    <INPUT TYPE="submit" NAME="Add"   VALUE="添加批次信息" style="border: 1px solid #3466BB; background-color: #B6CAEB; color: #3466BB">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <INPUT type="reset"  NAME="Reset" VALUE="重设批次信息" style="border: 1px solid #3466BB; background-color: #B6CAEB; color: #3466BB"><br>
    </form>   
    </td>  
    </TR>
    </table>
    </div>
    <br>
    </body>
    </html>