clear_input_field_with_jquery.html

<!--

 Written for a blog post by Douglas F Shearer
 http://douglasfshearer.com/blog/clearing-a-file-input-field-using-jquery

-->

<script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>

<span="myfileinput"><input type="file" name="myfile" /></span>
<a href="" id="clearmyfile">clear</a>

<script type="text/javascript" charset="utf-8">
  $('#clearmyfile').click(function(){
    var fieldSpan = $('#myfileinput');
    fieldSpan.html(fieldSpan.html());
  });
</script>