JS火狐狸IE8以下版本不能

JS火狐IE8以下版本不能
IE6,IE7不能用，火狐减少不能用，求高手帮忙。随便求一同样功能更好用的代码，搞定马上结贴！

<li id="MyFile"><INPUT onClick="addFile()" type="button" value="增加图片"><INPUT onClick="delFile()" type="button" value="减少图片"><br /> 
详细图：<input type="file" name="File" runat="server" style="width: 260px;"/></li>

var i=1;
function addFile()
{
 if(i<5) 
 {
  var str = '<font id="tempobj'+i+'"><BR>详细图：<input type="file" name="File" runat="server" style="width: 260px"/></font>' 
  document.getElementById('MyFile').insertAdjacentHTML("beforeEnd",str);
  i++;
 } 
 else 
 { 
  alert("您一次最多只能上传6张图片！") 
 } 
}

function delFile()
{
 if((i-1)>=0)
 {
  MyFile.removeChild(eval('tempobj'+(i-1)));
  i--;
 }
 else
 {
  alert("必须保留一张！") 
 }
}

JavaScript
[解决办法]

<script type="text/javascript">    
        var count = 1; 
        var delindexs="";
            $(function() {          
             $("#btnAdd").click(function() {      
                       if ($("#DivUploads").find(":button").length >= 7) {   
                                        alert('最多只能添加八个上传组件！');    
                                        return false; 
 
                       }               
                   var strHtml = "<div id='div"+count+"'>";
                   strHtml += "<div id='divType" + count + "'>上传类型：<input type='radio' name='filetype" + count + "' id='filetype'  value='1' onclick='filetypechange(" + count + ")' checked='checked'>文件<input type='radio' name='filetype" + count + "' id='filetype'  value='2' onclick='filetypechange(" + count + ")'>链接</div>";
                       
                   strHtml += "<div id='divURL"+count+"' style='display:none;'>地址：<input type='text' name='urlAddress"+count+"' id='urlAddress"+count+"' value='http://' /></div>";
                   strHtml += "<div id='divFile"+count+"'>文件：<input type='file' name='fileUpload"+count+"' id='fileupload"+count+"'/></div>" ;

                   strHtml += "<div id='divName" + count + "'>名称：<input type='text' name='filename" + count + "' id='filename" + count + "' /></div>"; 
                   
                   strHtml += "<div id='divInFileLib" + count + "' style='display:none;'><input type='checkbox' name='saveInFileLib" + count + "' id='saveInFileLib" + count + "'  />同时保存到文件库</div><br/> "; 
                                        
                   strHtml += "<input type='button' onclick='delUploadBtn(" + count + ")' value='删除此附件'/></div>";               
 
                     $("#DivUploads").append(strHtml);    
                     count++;       
                   });    
              });
              function delUploadBtn(index) {          
                $("#DivUploads").find(":button").each(function() 
                {               
                    var text = "" + $(this).attr("onclick"); 
                    if (text.indexOf("delUploadBtn(" + index +")") != -1)
                    {                   
                       $(this).parent().remove();
                    }          
                });   
              }

    </script> 
<!-- 上传文件容器开启-->
            <div id="upload">
              <div class="title_name">上传文件或链接</div>
              <div class="upload_detail">                 
                <div id="fileMain"> 
 
                    <div id='div0'>
<div id='divType0'>上传类型：<input name='filetype0' type='radio' id="filetype0" onclick='filetypechange(0)'  value='1' checked="checked"/>
文件<input type='radio' name='filetype0' id="filetype0" value='2' onclick='filetypechange(0)'/>链接</div>
   

<div id='divURL0' style="display:none;">地址：<input type='text' name='urlAddress0' id='urlAddress0' value="http://" /></div>
<div id='divFile0'>文件：<input type='file' name='fileUpload0' id='fileUpload0'/></div>
<div id='divName0'>名称：<input type='text' name='filename0' id='filename0' /></div> 
<div id='divInFileLib0' style="display:none;">  <input type='checkbox' name='saveInFileLib0' id="saveInFileLib0" />同时保存到文件库</div>
<br/>
</div> 
<div id="DivUploads" style="border:opx solid;width:300px;height:auto;"></div>
                </div>
                
                <p><a class="link_title" href="javascript:void(0)" id="btnAdd">添加另一个文件或链接</a></p>
              </div>
            </div>
            <!-- 上传文件容器关闭-->

[解决办法]
要引入jquery
[解决办法]
亲，我试了，火狐貌似可以用哦！！！
不过解决方法很简单，首先你要找到什么地方出问题了，
虽然我没有ie6，ie7，也没有测试，但是大概判断出：insertAdjacentHTML
这个方法应该是不兼容的，所以换一种方案，立刻解决：

function addFile() {
            if (i < 5) {
                //先创建font
                var font1 = document.createElement("font");
                font1.id = "tempobj" + i; 
 
                font1.innerHTML = "<BR>详细图：";
                //再创建font内部的input
                var input1 = document.createElement("input");
                input1.type = "file";
                input1.name = "File";
                input1.runat = "server";
                input1.style = "width: 260px";
                //把input加入font中
                font1.appendChild(input1);
                //把font加入li中
                document.getElementById('MyFile').appendChild(font1); 
                i++;
            }
            else {
                alert("您一次最多只能上传6张图片！")
            }
        }

查看更多 下一篇