日期:2014-05-20  浏览次数:20784 次

很急的一个js问题。。。
js在firefox浏览器可以正常显示,但是在IE下的移除功能就不能用了。。。。各位大侠给帮忙看看。。。
C# code

<!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 id="Head1" runat="server">
  <title>孟宪会多文件上传测试</title>

  <script type="text/javascript">
    function addFile() {
      var div = document.createElement("div");
      var f = document.createElement("input");
      f.setAttribute("type", "file")
      f.setAttribute("name", "File")
      f.setAttribute("size", "50")
      div.appendChild(f)
      var d = document.createElement("input");
      d.setAttribute("type", "button")
      d.setAttribute("onclick", "deteFile(this)");
      d.setAttribute("value", "移除")
      div.appendChild(d)
      document.getElementById("_container").appendChild(div);
    }

    function deteFile(o) {
      while (o.tagName != "DIV") o = o.parentNode;
      o.parentNode.removeChild(o);
    }
  </script>

</head>
<body>
  <form id="form1" runat="server" method="post" enctype="multipart/form-data">
  <h3>多文件上传</h3>
   用户名:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
  <div id="_container">
    <input type="file" size="50" name="File" />
  </div>
  <div>
    <input type="button" value="添加文件(Add)" onclick="addFile()" />
  </div>
  <div style="padding:10px 0">
    <asp:Button runat="server" Text="开始上传" ID="UploadButton"
      onclick="UploadButton_Click"></asp:Button>
  </div>
  <div>
    <asp:Label ID="strStatus" runat="server" Font-Names="宋体" Font-Bold="True" Font-Size="9pt"
      Width="500px" BorderStyle="None" BorderColor="White"></asp:Label>
  </div>
  <asp:TextBox ID="Txt_xiazai" runat="server"></asp:TextBox>
  
   
       
  </form>
</body>
</html>





------解决方案--------------------
建议js用一些框架的,如jquery,跨浏览器兼容会好一些的
------解决方案--------------------
IE下不能用?
------解决方案--------------------
建议jquery了
------解决方案--------------------
JScript code


<script type="text/javascript">
      var i = 0;
      function addFile() {
       
          var div = document.createElement("div");
          div.setAttribute("id", "div_" + i)
          var f = document.createElement("input");
          f.setAttribute("type", "file")
          f.setAttribute("name", "File")
          f.setAttribute("size", "50")
          f.setAttribute("id","input_"+i)
          div.appendChild(f)
        
          var d = document.createElement("input");
          d.setAttribute("type", "button")
          d.onclick = function () { deteFile(this); };   //加上这一句
          d.setAttribute("value", "移除")
          div.appendChild(d)
          document.getElementById("_container").appendChild(div);
          i++;
      }
      function deteFile(o) {
          while (o.tagName != "DIV") o = o.parentNode;
          o.parentNode.removeChild(o);
          
      }
  </script>