<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script language="javascript" >
var i=0;
function test2(){
i++;
var tt=document.getElementById("div0");
tt.innerHTML=tt.innerHTML+"<input type='file'  id='test'"+i+" />";
}
</script>
<body><table>
<tr>
<td>
<div id="div0">
<input type="file" name="test" id="test" />
</div>
</td>
<td>
<input type="button" onclick="test2()"  value="测试按钮" />
</td>
</tr>
</table></body>
</html>这里面有一个很简单的js代码我现在要实现这样的功能:
当我要上传多个文件的时候,自然,要动态增加多个上传文件的地方
这个时候,我发现,每次动态增加一次,我先前输入的路径全部清空了,我希望先前输入的路径继续保留,请问怎么做?我上面的代码可以运行的,请高手帮忙还有,我在火狐浏览器中,怎么通过js获得完整路径哦?我增加2张图片
第一张是有路径的,当我点击”测试按钮“后,发现,先前输入的路径被清空了,请求帮忙

解决方案 »

  1.   

    好像没什么办法。
    TYPE="FILE"方式的获取不到他的VALUE
      

  2.   

    var tt=document.getElementById("div0");
    tt.innerHTML=tt.innerHTML+"<input type='file' id='test'"+i+" />";
    因为你用了 innerHTML=....所以整块div0内部全部刷新了一遍 原先的input都不在了 保存的路径当然没了吧这个改成 DOM操作var tt=document.getElementById("div0");
    var input=document.createElement('input');
    input.type='file';
    tt.appendChild(input);差不多就这个意思 如果有写错的地方自己检查下
    第2个问题 我不知道要完整的路径是什么意思