专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »Javascript教程 » javascript表单:JavaScript实现动态增加文件域表单 »正文

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

来源: 发布时间:星期六, 2009年2月14日 浏览:6次 评论:0
="t18">对于上传多个文件可以通过js来动态生成文件域下面是源代码收藏在这里供以后直接使用hoho!



js代码:

<script language="javascript">

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

var file_count = 0;

//增加文件 域

function additem(id) {

(file_count > 9) {

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

;

}

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

var row,cell,str;

//在指定idtable中插入

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

(row != null ) {

//设置行背景颜色

row.bgColor="white";

//在行中插入单元格

cell = row.insertCell;

//设置str包括个文件域和个删除按钮

str='<input _disibledevent=> str "&nbsp;<input type="+'"'+"button"+'"'+" value="+'"'+"删除"+'"'+" _disibledevent=> //文件域个数增加

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="增加" _disibledevent=><table cellspacing="0" id="tb" style="width:400px">
</table>

0

相关文章

读者评论

发表评论

  • 昵称:
  • 内容: