JavaScript实现动态增加文件域表单

喝酒把痛苦溺死

喝酒把痛苦溺死

2016-02-19 15:53

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的JavaScript实现动态增加文件域表单,过去的都会过去,迎接崭新的开始,释放更美好的自己。

对于上传多个文件,可以通过js来动态生成文件域,下面是源代码,收藏在这里,供以后直接使用,hoho!

js代码:

script language="javascript"

  //全局变量,代表文件域的个数,并用该变量区分文件域的name属性

  var file_count = 0;

  //增加文件 域   

  function additem(id) {

    if (file_count 9) {

      alert("最u22810 10个u25991 件u22495 ");

      return;

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  }

  //定义行变量row;单元格变量cell;单元格内容变量str。

  var row,cell,str;

  //在指定id的table中插入一行

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  row = eval("document.all["+'"'+id+'"'+"]").insertRow();

  if(row != null ) {

    //设置行的背景颜色

    row.bgColor="white";

    //在行中插入单元格

    cell = row.insertCell();

    //设置str的值,包括一个文件域和一个删除按钮

    str='input onselectstart="return false" class="tf" onpaste="return false" type="file"  name="file[' + file_count + ']" style="width:500px" onkeydown="return false;"/';

    str += " input type="+'"'+"button"+'"'+" value="+'"'+"删除"+'"'+"   onclick='deleteitem(this,"+'"'+"tb"+'"'+");'";

    //文件域个数增加

    file_count++;

    //设置单元格的innerHTML为str的内容

    cell.innerHTML=str;

  }

}
   //删除文件域
   function deleteitem(obj,id) {
     var rowNum,curRow;
     curRow = obj.parentNode.parentNode;
     rowNum = eval("document.all."+id).rows.length - 1;
     eval("document.all["+'"'+id+'"'+"]").deleteRow(curRow.rowIndex);
     file_count--;
   }
/script 

html代码:

 input type=button value="增加" onclick='additem("tb")'/br/
 table cellspacing="0" id="tb" style="width:400px"
 /table

展开更多 50%)
分享

猜你喜欢

JavaScript实现动态增加文件域表单

Web开发
JavaScript实现动态增加文件域表单

动态增加/删除文件域

Web开发
动态增加/删除文件域

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Javascript 跨域表单提交状态的变相判断

Web开发
Javascript 跨域表单提交状态的变相判断

ASP动态生成的javascript表单验证代码

Web开发
ASP动态生成的javascript表单验证代码

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

javascript实现的动态文字变换

Web开发
javascript实现的动态文字变换

Javascript 操作表单域的两个重要技巧

Web开发
Javascript 操作表单域的两个重要技巧

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Javascript 实现一个获取元素样式的函数getStyle

Javascript 实现一个获取元素样式的函数getStyle

其实早听人说了 背叛是因为寂寞 - QQ图案分组

其实早听人说了 背叛是因为寂寞 - QQ图案分组
下拉加载更多内容 ↓