删除页面的file控件问题

lvjianjin 2004-10-12 05:06:58

我在页面上可动态创建多个file控件
<INPUT type="file" size="50" NAME="File" >
而且这几个控件文件名是相同的。

现在,我要增加个按钮动态来删除其中某个指定的(如：焦点所在的)file控件

...全文

153 12 打赏收藏转发到动态举报

写回复

用AI写文章

12 条回复

切换为时间正序

请发表友善的回复…

发表回复

lvjianjin 2004-10-13

打赏
举报

问题已完满解决；

感谢大家支持，

特别感谢 net_lover(孟子E章)

Holliet 2004-10-13

打赏
举报

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<TABLE>
<TR>
<TD id="MyFile"><div><INPUT type="file" size="50" NAME="File" onfocus="f(this)"></div>
<div><INPUT type="file" size="50" NAME="File" onfocus="f(this)"></div>
<div><INPUT type="file" size="50" NAME="File" onfocus="f(this)"></div></TD>
</TR>
</TABLE>

<input type=button value=delete onclick="d()" >
<script>
var n = 0
function f(u)
{
o=document.getElementsByTagName("INPUT")
for(i=0;i<o.length;i++)
if(o[i].type=="file") o[i].setAttribute("ok","")
u.setAttribute("ok","ok")
}
function d()
{
o=document.getElementsByTagName("INPUT")
for(i=0;i<o.length;i++)
if(o[i].type=="file" && o[i].getAttribute("ok")=="ok") o[i].parentNode.parentNode.removeChild(o[i].parentNode)
}
function addFile()
{
var str = '<div> <INPUT type="file" size="50" NAME="File" onfocus="f(this)" br></div>'
document.getElementById('MyFile').insertAdjacentHTML("beforeEnd",str)
}
</script>
<INPUT TYPE="button" value ="添加" onclick="addFile()">
</BODY>
</HTML>
没错呀!

lvjianjin 2004-10-13

打赏
举报

TO: lfecnu()
我用以下函数增加fiel控件，按你的方法加了<div>就有错误了。

function addFile()
{
var str = '<div>
<INPUT type="file" size="50" NAME="File" onfocus="f(this)" br></div>'
document.getElementById('MyFile').insertAdjacentHTML("beforeEnd",str)
}

HHH3000 2004-10-13

打赏
举报

把file控件放到table里会更好控制一些，
而且格式也比较好掌握

lfecnu 2004-10-13

打赏
举报

去掉空白：
<div>1,<INPUT type="file" size="50" NAME="File" onfocus="f(this)"></div>
<div>2,<INPUT type="file" size="50" NAME="File" onfocus="f(this)"></div>
<div>3,<INPUT type="file" size="50" NAME="File" onfocus="f(this)"></div>
<input type=button value=delete onclick="d()" >
<script>
var n = 0
function f(u)
{
o=document.getElementsByTagName("INPUT")
for(i=0;i<o.length;i++)
if(o[i].type=="file") o[i].setAttribute("ok","")
u.setAttribute("ok","ok")
}
function d()
{
o=document.getElementsByTagName("INPUT")
for(i=0;i<o.length;i++)
if(o[i].type=="file" && o[i].getAttribute("ok")=="ok") o[i].parentNode.parentNode.removeChild(o[i].parentNode)
}
</script>

lvjianjin 2004-10-13

打赏
举报

top

lvjianjin 2004-10-13

打赏
举报

TO:net_lover(孟子E章)

果然厉害，
但是如何清除删除控件留下的空白呢？
我想把控件间排紧凑点。

bflovesnow 2004-10-12

打赏
举报

很好

BILLSJONE 2004-10-12

打赏
举报

留名

孟子E章 2004-10-12

打赏
举报

1,<INPUT type="file" size="50" NAME="File" onfocus="f(this)"><br>
2,<INPUT type="file" size="50" NAME="File" onfocus="f(this)"><br>
3,<INPUT type="file" size="50" NAME="File" onfocus="f(this)"><br>
<input type=button value=delete onclick="d()" UNSELECTABLE=true>
<script>
var n = 0
function f(u)
{
o=document.getElementsByTagName("INPUT")
for(i=0;i<o.length;i++)
if(o[i].type=="file") o[i].setAttribute("ok","")
u.setAttribute("ok","ok")
}
function d()
{
o=document.getElementsByTagName("INPUT")
for(i=0;i<o.length;i++)
if(o[i].type=="file" && o[i].getAttribute("ok")=="ok") o[i].parentNode.removeChild(o[i])
}
</script>

孟子E章 2004-10-12