的值">

如何清除的值

如何清除<input type="file">的值:
<input type="file">选择一个文件,能将选中文件的路径填写在类似于文本框位置,下面介绍一下如何使用js动态清除它的值,也就是路径,可能在实际操作中用到的时候很少,不过还是寄希望能够给需要的朋友带来一定的帮助。
代码如下:

 

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<script type="text/javascript"> 
window.onload=function()
{
  var objFile=document.getElementById('fileID');
  var bt=document.getElementById('bt');
   
  bt.onclick=function()
  {
     objFile.outerHTML=objFile.outerHTML.replace(/(value=\").+\"/i,"$1\""); 
  }
}
</script> 
</head> 
<body> 
<input type="file" id="fileID"/>
<input type="button" value="点击查看结果" id="bt" />
</body> 
</html>

 

以上代码实现了我们的要求,选中文件之后,点击按钮可以将路径清除。
相关阅读:
1.onclick事件可以参阅javascript的onclick事件一章节。 
2.replace()函数可以参阅正则表达式replace()函数一章节。 
3.outerHTML属性可以参阅javascript的outerHTML属性的作用一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=11434

更多内容可以参阅:http://www.softwhy.com/javascript/

 

你可能感兴趣的:(如何清除的值)