点击增添就多一个输入框怎么做啊

Question

<form name=form1>
<input name=ss><br>
<div id=div1></div>
<input type=button onclick="addInput();" value="add" name="add1">
</form>
<script>
function addInput(){
document.all.div1.innerHTML+="<input name=ss><br>";
}
</script>
ASp端
<%
ss=split(request("ss"),", ")
for i=0 to ubound(ss)
  response.write ss(i)
next
%>

Answer 1

不行啊，我要添加的是以下代码：
<tr align="center" bgcolor="#FFFFFF"> 
      <td><input type="text" size="10" name="data1"></td>
      <td><input type="text" size="25" name="morning_class"></td>
      <td><input type="text" size="10" name="morning_teacher"></td>
      <td><input type="text" size="25" name="afternoon_class"></td>
      <td><input type="text" size="10" name="afternoon_teacher"></td>
</tr>
点击增添就多一行。   再次求救！

Answer 2

<form name=form1>
<tr align="center" bgcolor="#FFFFFF"> 
      <td><input type="text" size="10" name="data1"></td>
      <td><input type="text" size="25" name="morning_class"></td>
      <td><input type="text" size="10" name="morning_teacher"></td>
      <td><input type="text" size="25" name="afternoon_class"></td>
      <td><input type="text" size="10" name="afternoon_teacher"></td>
</tr>
<div id=div1></div>
<input type=button onclick="addInput();" value="add" name="add1">
</form>
<script>
function addInput(){
s='<tr align="center" bgcolor="#FFFFFF">';
s+='      <td><input type="text" size="10" name="data1"></td>';
s+='      <td><input type="text" size="25" name="morning_class"></td>';
s+='      <td><input type="text" size="10" name="morning_teacher"></td>';
s+='      <td><input type="text" size="25" name="afternoon_class"></td>';
s+='      <td><input type="text" size="10" name="afternoon_teacher"></td>';
s+='</tr>';
document.all.div1.innerHTML+=s;
}
</script>

Answer 3

实在不好意思，我把代码放到表格里面就不能用了， 我现在把代码全贴出来，敬请指教。
<form action="" method="post" name="frm">
  <TABLE WIDTH="90%" BORDER="0" CELLSPACING="1" CELLPADDING="3" BGCOLOR="#7b9484" align="center" style="font-size:9pt">
    <tr align="center" bgcolor="#FFFFFF"> 
      <td colspan="5"><font size="3">培 训 课 程 安 排</font></td>
    </tr>
    <tr align="center" bgcolor="#FFFFFF"> 
      <td width="13%"><strong>日期</strong></td>
      <td width="24%"><strong>上午课程</strong></td>
      <td width="15%"><strong>上午执教人</strong></td>
      <td width="34%"><strong>下午课程</strong></td>
      <td width="14%"><strong>下午执教人</strong></td>
    </tr>
    <tr align="center" bgcolor="#FFFFFF"> 
      <td><input type="text" size="10" name="data1"></td>
      <td><input type="text" size="25" name="morning_class"></td>
      <td><input type="text" size="10" name="morning_teacher"></td>
      <td><input type="text" size="25" name="afternoon_class"></td>
      <td><input type="text" size="10" name="afternoon_teacher"></td>
    </tr>
<div id=div1></div>
  </table>
<P align="center"><a href=# onclick="addInput();">增添</a>&nbsp;&nbsp; 保存</P>
</form>
再次麻烦了，还有提交的ASP代码。非常感谢！

Answer 4

<form action="" method="post" name="frm">
  <TABLE id="t1" WIDTH="90%" BORDER="0" CELLSPACING="1" CELLPADDING="3" BGCOLOR="#7b9484" align="center" style="font-size:9pt">
    <tr align="center" bgcolor="#FFFFFF"> 
      <td colspan="5"><font size="3">培 训 课 程 安 排</font></td>
    </tr>
    <tr align="center" bgcolor="#FFFFFF"> 
      <td width="13%"><strong>日期</strong></td>
      <td width="24%"><strong>上午课程</strong></td>
      <td width="15%"><strong>上午执教人</strong></td>
      <td width="34%"><strong>下午课程</strong></td>
      <td width="14%"><strong>下午执教人</strong></td>
    </tr>
    <tr align="center" bgcolor="#FFFFFF"> 
      <td><input type="text" size="10" name="data1"></td>
      <td><input type="text" size="25" name="morning_class"></td>
      <td><input type="text" size="10" name="morning_teacher"></td>
      <td><input type="text" size="25" name="afternoon_class"></td>
      <td><input type="text" size="10" name="afternoon_teacher"></td>
    </tr>
   <div id=div1></div>
  </table>
<P align="center"><a href="javascript:addInput();">增添</a>&nbsp;&nbsp; 保存</P>
</form><script>
function addInput(){
var r=document.all.t1.insertRow();
r.align='center';
r.bgColor='#ffffff';
var c;
   c=r.insertCell();
   c.innerHTML='<input type="text" size="10" name="data1">';
   c=r.insertCell();
   c.innerHTML='<input type="text" size="25" name="morning_class">';
   c=r.insertCell();
   c.innerHTML='<input type="text" size="10" name="morning_teacher">';
   c=r.insertCell();
   c.innerHTML='<input type="text" size="25" name="afternoon_class">';
   c=r.insertCell();
   c.innerHTML='<input type="text" size="10" name="afternoon_teacher">';
}
</script>
没有ASP环境，无法替你测试
<%
data1=split(request("data1"),", ")
morning_class=split(request("morning_class"),", ")
morning_teacher=split(request("morning_teacher"),", ")
afternoon_class=split(request("afternoon_class"),", ")
afternoon_teacher=split(request("afternoon_teacher"),", ")
for i=0 to ubound(data1)
  response.write data1(i)&"<br>"
  response.write morning_class(i)&"<br>"
  response.write morning_teacher(i)&"<br>"
  response.write afternoon_class(i)&"<br>"
  response.write afternoon_teacher(i)&"<br>"
next
%>

Answer 5

var r=document.all.t1.insertRow(); 错误提示：对象不支持此属性和方法

Answer 6

<TABLE id="t1" WIDTH="...............

Answer 7

<form action="" method="post" name="frm">
  <TABLE WIDTH="90%" BORDER="0" CELLSPACING="1" CELLPADDING="3" BGCOLOR="#7b9484" align="center" style="font-size:9pt">
    <tr align="center" bgcolor="#FFFFFF"> 
      <td colspan="5"><font size="3">培 训 课 程 安 排</font></td>
    </tr>
    <tr align="center" bgcolor="#FFFFFF"> 
      <td width="13%"><strong>日期</strong></td>
      <td width="24%"><strong>上午课程</strong></td>
      <td width="15%"><strong>上午执教人</strong></td>
      <td width="34%"><strong>下午课程</strong></td>
      <td width="14%"><strong>下午执教人</strong></td>
    </tr>
    <tr align="center" bgcolor="#FFFFFF"> 
      <td><input type="text" size="10" name="data1"></td>
      <td><input type="text" size="25" name="morning_class"></td>
      <td><input type="text" size="10" name="morning_teacher"></td>
      <td><input type="text" size="25" name="afternoon_class"></td>
      <td><input type="text" size="10" name="afternoon_teacher"></td>
    </tr>
<div id=div1></div>
  </table>
<P align="center"><a href=# onclick="addInput();">增添</a>&nbsp;&nbsp; 保存</P>
</form>
<script>
function addInput()
{
  var o=document.getElementsByTagName('tr')[2].cloneNode(true);
  document.getElementsByTagName('table')[0].childNodes[0].insertBefore(o);
}
</script>