动态增加文件上传框
2008-04-09 13:46
183 查看
<div id="annexDiv"></div>
<button class="btn-big" onClick="btn_sub_add()">增加附件(<u>A</u>)</button>
<button class="btn-big" onClick="btn_sub_del()">删除附件(<u>D</u>)</button>
<script type="text/javascript">
function btn_sub_add()
{
var annexDiv = document.getElementById("annexDiv");
var cnt = annexDiv.childNodes.length;
if(cnt == 4)
{
alert("最多增加5个附件!");
return false;
}
var tb = document.createElement("div");
cnt = cnt + 1;
tb.innerHTML="<input type=file name='" + cnt + "' style='width:400px;'>";
annexDiv.appendChild(tb);
}
function btn_sub_del()
{
var annexDiv = document.getElementById("annexDiv");
var cnt=annexDiv.childNodes.length;
if(cnt == 0)
{
alert("不能删除最后一个附件!");
return false;
}
annexDiv.childNodes[cnt-1].removeNode(true);
}
</script>
<button class="btn-big" onClick="btn_sub_add()">增加附件(<u>A</u>)</button>
<button class="btn-big" onClick="btn_sub_del()">删除附件(<u>D</u>)</button>
<script type="text/javascript">
function btn_sub_add()
{
var annexDiv = document.getElementById("annexDiv");
var cnt = annexDiv.childNodes.length;
if(cnt == 4)
{
alert("最多增加5个附件!");
return false;
}
var tb = document.createElement("div");
cnt = cnt + 1;
tb.innerHTML="<input type=file name='" + cnt + "' style='width:400px;'>";
annexDiv.appendChild(tb);
}
function btn_sub_del()
{
var annexDiv = document.getElementById("annexDiv");
var cnt=annexDiv.childNodes.length;
if(cnt == 0)
{
alert("不能删除最后一个附件!");
return false;
}
annexDiv.childNodes[cnt-1].removeNode(true);
}
</script>
相关文章推荐
- 实例:动态增加和删除上传文件的文本框
- 【Java EE 学习 72 上】【数据采集系统第四天】【增加调查logo】【文件上传】【动态错误页指定】【上传限制】【国际化】
- 动态增加附件上传文件框的实现
- 多文件上传(动态增加 FileUpload)
- 多个文件上传(php+js可动态增加文件上传框)
- 动态增加文件上传域
- js 动态增加file实现多文件上传功能并显示路径
- 几种js实现的动态多文件上传
- 简单解决 multipart/form-data 文件上传表单中 传递参数无法获取的办法! (解决办法:动态更改表单提交URL)
- Struts实现多个文件上传(动态添加数量、前台仿163邮箱)
- js动态添加文件上传框
- js动态创建fileupload控件,js判断上传文件的大小,超过指定的大小删除掉
- flash纯动态生成饼图[2007-3-14更新增加xml配置文件,可下载(转)
- 关于Html动态添加上传文件控件inputFile(附件)及清除已选择的文件的几个方法
- Nginx/Spring:增加上传文件尺寸限制
- PHP+Ajax实现上传文件进度条动态显示进度功能
- 动态ActionForm,文件上传与转换器
- 基于Struts1.2的动态多文件上传
- 动态,同时上传多个文件
- ajaxFileUpload+struts2实现多文件上传(动态添加文件上传框)