html表单文件域改名,js实现动态增加文件域表单功能

本文实例为大家分享了js实现动态增加文件域表单的具体代码，供大家参考，具体内容如下

实现代码：

动态添加表单元素

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

var file_count = 0;

//增加文件 域

function additem(id) {

if (file_count > 9) {

alert("最多10个 ");

return;

}

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

var row, cell, str;

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

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

if (row != null) {

//设置行的背景颜色

row.bgColor = "white";

//在行中插入单元格

cell = row.insertCell();

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

str = '';

str += " ";

//文件域个数增加

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--;

}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。