t=t+1;
inputname="usename"+t;
var input=document.createElement('input');
input.type="file";
input.name="usename[]";
input.id=inputname;
input.size=40;
input.onchange=imagesize;
document.getElementById("upload").appendChild(input);上面JS代码<form enctype="multipart/form-data" name="upload" id="upload" method="post" target="attachframe" action="upload.php"><input name="usename[]" id="usename0" type="file" size="40" onchange="imagesize()" /></form>HTML 代码我现在想要removechild 一个已经创建的节点,要可以指定删除节点,这个应该怎么写啊???
inputname="usename"+t;
var input=document.createElement('input');
input.type="file";
input.name="usename[]";
input.id=inputname;
input.size=40;
input.onchange=imagesize;
document.getElementById("upload").appendChild(input);上面JS代码<form enctype="multipart/form-data" name="upload" id="upload" method="post" target="attachframe" action="upload.php"><input name="usename[]" id="usename0" type="file" size="40" onchange="imagesize()" /></form>HTML 代码我现在想要removechild 一个已经创建的节点,要可以指定删除节点,这个应该怎么写啊???
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<form enctype="multipart/form-data" name="upload" id="upload" method="post" target="attachframe" action="upload.php"><input name="usename[]" id="usename0" type="file" size="40" onchange="imagesize()" />
<input type="button" value="添加" id="add" />
<input type="text" id="t" value="指定删除第几个,写编号,如:1" />
<input type="button" value="删除" id="delete" /></form>
<script>
var t = 0;function imagesize(){}document.getElementById('add').onclick = function(){
t=t+1;
inputname="usename"+t;
var input=document.createElement('input');
input.type="file";
input.name="usename[]";
input.id=inputname;
input.size=40;
input.onchange=imagesize;
document.getElementById("upload").appendChild(input);
}document.getElementById('t').onfocus = function(){
this.value = '';
};document.getElementById('t').onblur = function(){
if(!this.value){
this.value = '指定删除第几个,写编号,如:1'
}
};document.getElementById('delete').onclick = function(){
var value = document.getElementById('t').value;
var input = document.getElementById('usename'+value);
if(input){
document.getElementById("upload").removeChild(input);
t = value - 1;
}else{
alert('没有这个元素')
}
};
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
var _count = 2; //限制最大文件控件数(含初始状态时的1个)
function imagesize() {
var obj = document.getElementById('upload').getElementsByTagName('input');
var currentCount = 0; //用于保存当前文件控件数
for(var i = 0; i < obj.length; i ++) if (obj[i].type.toLowerCase() == 'file') currentCount ++;
if (currentCount >= _count) alert('控件数已经达到最大值');
else {
var div = document.createElement('div');
document.getElementById('upload').appendChild(div);
var input = document.createElement('input');
input.type = 'file';
input.name = 'usename[]';
input.id = 'usename' + (currentCount - 1);
input.size = 40;
input.onchange = imagesize;
div.appendChild(input);
//增加一个删除链接
var a = document.createElement('a');
a.href = 'javascript:void(0);';
a.innerHTML = '删除这一个';
a.onclick = function() {
document.getElementById('upload').removeChild(this.parentNode);
}
div.appendChild(a);
}
}
</script>
</head><body>
<form enctype="multipart/form-data" name="upload" id="upload" method="post" target="attachframe" action="upload.php">
<div><input name="usename[]" id="usename0" type="file" size="40" onchange="imagesize()" /></div>
</form>
</body>
</html>