动态表格js兼容(ie.ff)

js代码如下:

 <script type="text/javascript">

function addMore()
{
 var td = document.getElementById("more");
 
 var br = document.createElement("br");
 var input = null;
 if("/v"=="v"){// IE浏览器 构建方式
     input = document.createElement("<input name='myfile'>");
    }else{   //非IE浏览器 构建方式
  input = document.createElement("input");
     input.name = "myfile";
 }
 
 var button = document.createElement("input");
 
 
 
 input.type = "file";
 input.size ="10";
 input.setAttribute("class","input_1");
 input.setAttribute("className","input_1");
 
 button.type = "button";
 button.value = "删除";
 button.setAttribute("class","input_1");
 button.setAttribute("className","input_1");
 button.size ="10";
 
 button.onclick = function()
 {
  td.removeChild(br);
  td.removeChild(input);
  td.removeChild(button);
 }
 
 td.appendChild(br);
 td.appendChild(input);
 td.appendChild(button);
 
}

function del(id,resfileId){
 if(!confirm('确认要删除吗?'))return;
 attFileService.deleteatt(resfileId,backlog);
 var tr = document.getElementById(id);
 tr.parentNode.removeChild(tr);
 
}

 </script>

如下为页面代码:

 <tr>
  <td  class="td_label">上传文件 </td> 
        <td   colspan="2" class="td_input">
      <table id="fileId">
     #foreach($resfile in $listatt)
     #set($n = $velocityCount)
     <tr id="$n">
      <td class="td_label"><div style="width:50px">附件</div>
                        </td>
       <td class="td_text"  >     
               $resfile.filename
       <input type="button" class="input_1"  value="删除" οnclick="del('$n','$resfile.id')"/>  
                         </td>
                    </tr> 
     #end
                <tr id="fileId_0">
                  <td class="td_label">     
                      <div>附件</div>
      </td>
                  <td id="more">     
          <input type="file" name="myfile" id="myfile" class="input_1" size="10"/> 
      </td>
    </tr>    
            </table>
  </td>   
        <td class="td_text" valign="bottom">    
     <input type="button" id="add" name="add" value="添加" class="input_1" οnclick="addMore()"/>
     <font color="red">上传文件不能超过30M</font>
  </td>
     </tr> 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值