多文件上传~-CSDN博客

本文链接：https://blog.csdn.net/chenfuhai775/article/details/7649129

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>项目审计</title>
    <link href="../CSS/SubPage.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" language="javascript" src="Add_Del_TableRow.js"></script>
     <script type="text/javascript" language="javascript" src="AuditProjectViewOperate.js"></script>
<script type="text/javascript" language="javascript">

function Add(rowObj) {
  CloneTr(rowObj,1);
}
function Del(rowObj) {
  DeleteTr(rowObj,1);
}

function CloneTr(obj, startRow) {
  var table = obj.parentNode.parentNode.parentNode.parentNode;
  CreateTr(table, startRow);
}

//此方法应对外不提调用
function CreateTr(table, startRow) {
  var newRow;
  if (table.rows[0]) {
   newRow = table.rows[startRow].cloneNode(true);
  }
  else {
   newRow = document.createElement("tr");
   newRow.appendChild(document.getElementById("td"));
  }

  newRow.style.display = "block";
  table.rows[0].parentElement.appendChild(newRow);
  var maxLength = table.rows.length;

  for (var i = startRow; i < maxLength; i++) {
   table.rows[i+1].cells[0].innerText = i.toString();
  }
  //for (var j = 1; j < table.rows[startRow].cells.length - 1; j++)
   //table.rows[maxLength - 1].cells[j].firstChild.value = "";
}

//删除 obj
function DeleteTr(obj, startRow) {
  var table = obj.parentNode.parentNode.parentNode.parentNode;
  var RealLength = table.rows.length;
  var id = parseInt(obj.parentNode.parentNode.cells[0].innerText)+startRow;

  if (RealLength > (startRow + 1)) {
   table.deleteRow(id);
   for (var i = startRow; i < RealLength - 1; i++) {
    table.rows[i+1].cells[0].innerText = i.toString();
   }
   return;
  }
  else if (RealLength == (startRow + 1)) {
   table.rows[startRow].cells[0].firstChild.value = startRow.toString();
   for (var j = 1; j < table.rows[startRow].cells.length - 1; j++)
    table.rows[startRow].cells[j].firstChild.value = "";
  }
}

function DelFile(obj)
{

  obj.parentNode.childNodes[1].style.display="none";

  obj.style.display="none";
}
</script>
</head>
<body>
    <form id="form1" runat="server">
    <table id="t_Card" runat="server" style="margin:26px" align="left">
         <tr>
             <td width="40">序号</td>
             <td width="180">Card编号</td>
             <td width="180">发出时间</td>
             <td width="180">计划关闭时间</td>
             <td width="180">实际关闭时间</td>
             <td width="20"><img src="add.gif" οnclick="Add(this)" /></td>
         </tr>
          <tr style="display:none">
             <td width="40">1</td>
             <td width="140"><input type='text' width="100"/></td>
             <td width="140"><input type='text' width="100"/></td>
             <td width="140"><input type='text' width="100"/></td>
             <td width="300"><input id="File1" type="file" /><span >文件名称</span><input type="button" value="删除" οnclick="DelFile(this)" /></td>
             <td width="20"><img src="delete.gif" οnclick="Del(this)" /></td>

         </tr>
    </table>
    </form>
</body>
</html>