多个附件文件浏览框的添加和删除


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
 
  function add(){
  var i=document.getElementById("upfile").rows.length;//得到表格的行数
  var myRow=document.getElementById("upfile").insertRow(i);//向表格最后添加一行
  var mycell=myRow.insertCell(0);//向新行中添加一列
  mycell.innerHTML="<input type='file' name='file' /><input name='delBut' type='button'  value='删除' />";//向单元格中添加内容
 }
  function del(r){
  var i=r.parentNode.parentNode.rowIndex;
  var n=document.getElementById("upfile").rows.length;//得到表格的行数
  if(n!=1){                                             
   document.getElementById("upfile").deleteRow(i);//如果不是一行,删除行
  }  
  else{
   document.getElementsByName("delBut")[0].disabled=true; //如果只有一个,不能删除,把按扭禁用
  }
 }
</script>
</head>
<body>
<form action="" method="post" enctype="multipart/form-data" name="form1" id="form1">
  <table width="600" border="1" cellpadding="5" cellspacing="2" bordercolor="#000000">
    <tr>
      <td width="106">上传多个附件:</td>
      <td width="462 "><table id="upfile" width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><input type="file" name="file" /><input name="delBut" type="button"  value="删除" /> </td>
        </tr>
      </table></td>
    </tr>
    <tr>
      <td colspan="2" align="center"><input type="submit" name="Submit" value="提交" />
      <input type="button" name="Submit2" value="重填" /></td>
    </tr>
  </table>
</form>
</body>
</html>

你可能感兴趣的:(删除,浏览,添加,附件,休闲)