动态添加、删除上传控件.
2008-05-05 10:06
232 查看
<body>
<form id="form1" runat="server">
<table id="tb1" border="0">
<tr><td><a href="#" onclick="return addFj()">添加附件</a></td></tr>
</table>
<input type="hidden" name="fjCnt" value="1" />
</form>
</body>
</html>
<script type="text/javascript" language="javascript">
function addFj()
{
var oTb = document.getElementById("tb1");
var oTr = oTb.insertRow(0);
var name = "thefilename"+document.form1.fjCnt.value;
document.form1.fjCnt.value=parseInt(document.form1.fjCnt.value)+1;
oTr.insertCell(0).innerHTML = "<input id='file' name='"+name+"' type=file style='width:400px;'> <input type=button onclick='return delFj(this)' value='删除'>"
return false;
}
function delFj(obj)
{
obj.parentElement.parentElement.removeNode(true);
return false;
}
</script>
<form id="form1" runat="server">
<table id="tb1" border="0">
<tr><td><a href="#" onclick="return addFj()">添加附件</a></td></tr>
</table>
<input type="hidden" name="fjCnt" value="1" />
</form>
</body>
</html>
<script type="text/javascript" language="javascript">
function addFj()
{
var oTb = document.getElementById("tb1");
var oTr = oTb.insertRow(0);
var name = "thefilename"+document.form1.fjCnt.value;
document.form1.fjCnt.value=parseInt(document.form1.fjCnt.value)+1;
oTr.insertCell(0).innerHTML = "<input id='file' name='"+name+"' type=file style='width:400px;'> <input type=button onclick='return delFj(this)' value='删除'>"
return false;
}
function delFj(obj)
{
obj.parentElement.parentElement.removeNode(true);
return false;
}
</script>
相关文章推荐
- 动态添加、删除上传控件
- 动态添加删除控件
- Qt动态添加删除控件总结
- unity动态添加删除iGUI的控件 .
- JS动态添加删除控件_示例
- js 对表格的动态操作(动态添加行,删除该行,在指定位置添加控件)
- jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
- 学习笔记(JavaScript--动态添加上传域和删除上传域)
- JS动态添加删除控件
- Java Swing 动态/同一位置 添加删除控件
- js 对表格的动态操作(动态添加行,删除该行,在指定位置添加控件)
- 运行时动态添加和删除控件
- 关于Html动态添加上传文件控件inputFile(附件)及清除已选择的文件的几个方法
- iOS通过代码动态添加和删除控件
- JS动态添加删除控件
- File Input多次添加文件,动态删除文件,用来实现上传等操作
- C#WinFrom开发系列之关于动态添加生成和删除控件的相关知识
- js jquery分别实现动态的文件上传操作按钮的添加和删除
- 动态添加上传控件,并上传文件
- JS动态添加删除控件