问下，163信箱中，点击添加附件就加一行输入框，是怎么做的？

在javascript里使用CreateElement等语句就行。

解决方案 »

  1.   

    <META http-equiv="Content-Type" content="text/html; charset=unicode">
    <TABLE id="Table1" cellSpacing="1" cellPadding="1" width="300" border="1">
    <TR>
    <TD><FONT face="新細明體"></FONT></TD>
    <TD><INPUT id="Button1" type="button" value="Add" name="Button1" onclick="add()"></TD>
    </TR>
    <TR>
    <TD><INPUT id="File1" type="file" name="File1"></TD>
    <TD></TD>
    </TR>
    </TABLE>
    <script language="javascript">
    function add() 
    {
      var tbl = document.all("Table1");
      var tr = tbl.insertRow();
      //for(var j=0;j<2;j++)
      //{
      var td = tr.insertCell();
    td.innerHTML = '<INPUT id="File1" type="file" name="File1">';
      //}
     
    }
    </script>
      

  2.   

    <html>
    <body>
    <form name="form1">
    <table id="tb1" border=0>
       <tr><td><a href="#" onclick="return addFj()">添加附件</a></td></tr>
    </table>
    <input type="hidden" name="fjCnt" value="1" />
    </form>
    </body>
    </html>
    <script language="javascript">
      function addFj()
      {
          var oTb = document.getElementById("tb1");
          var oTr = oTb.insertRow(0);
          var name = "thefilename"+document.form1.fjCnt.value;
          document.form1.fjCnt.value=parseInt(document.form1.fjCnt.value)+1;
          oTr.insertCell(0).innerHTML = "<input id='file' name='"+name+"' type=file style='width:400px;'> <input type=button onclick='return delFj(this)' value='删除'>"
          return false;
      }
      function delFj(obj)
      {
          obj.parentElement.parentElement.removeNode(true);
          return false;
      }
    </script>