删除页面的file控件问题

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

现在,我要增加个按钮动态来删除其中某个指定的(如:焦点所在的)file控件
...全文
146 12 打赏 收藏 举报
写回复
12 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
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
  • 打赏
  • 举报
回复
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>
mymyal123 2004-10-12
  • 打赏
  • 举报
回复
为什么要删除,不能隐藏吗?隐藏了不是一样
相关推荐
发帖
JavaScript

8.7w+

社区成员

Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
帖子事件
创建了帖子
2004-10-12 05:06
社区公告
暂无公告