javascript - 清除 Internet Explorer 中的文件输入框

Question

我的页面上有一个文件上传框和一个清除按钮。当我按下清除按钮时，我希望清除文件上传框中的文本。

以下内容在 Firefox 中有效，但在 IE 中无效(文本保留在那里)。有解决办法吗？

$("#clear").click( function() {
    $("#attachment").val("");
    //document.myform.attachment.value = "";
})

HTML:

<form name="myform">
    <input type="file" name="attachment" id="attachment" />
</form>
<br /><button id="clear">Clear Attachment</button>

jsFiddle

Answer 1

我发现的一个解决方案就是:

document.getElementById('myUploadField').parentNode.innerHTML = document.getElementById('myUploadField').parentNode.innerHTML;

似乎它不应该起作用，但它确实起作用。