文章目录

是否可以使用jQuery清除＆lt; input type ='file'/＆gt;控制值？我已经尝试了以下内容：$('#control').attr({ value: '' });

但它不起作用。

简单：在元素周围包装一个＆lt; form＆gt;，调用窗体上的reset，然后使用unwrap()移除窗体。与此线程中的clone()解决方案不同的是，最后会得到相同的元素(包括设置的自定义属性)。

测试并在Opera，Firefox，Safari，Chrome和IE6 +上工作。也适用于其他类型的表单元素，除了

type =“hidden”。function resetFormElement(e) {
e.wrap('
').closest('form').get(0).reset(); 
 
e.unwrap();
// Prevent form submission
e.stopPropagation();
e.preventDefault();
}

正如下面的Timo所指出的，如果你有按钮来触发＆lt; form＆gt;中字段的重置，你必须在事件上调用preventDefault来防止＆lt;按钮＆gt;触发提交。

Edit

由于一个不固定的错误，在IE 11中不起作用。文本(文件名)在输入上被清除，但是其File列表仍然填充。

快速回答：替换它。

在下面的代码中，我使用replaceWith

jQuery方法替换控制与自己的克隆。如果您有任何处理程序绑定到此控件上的事件，我们也想保留这些。为此，我们传入true作为clone的第一个参数，代码>方法。

Clear
var control = $("#control");
$("#clear").on("click", function () {
control.replaceWith( control = control.clone( true ) );
});

如果在克隆的同时保留事件处理程序，则可能会考虑使用事件委托来处理父元素对此控件的点击：$("form").on("focus", "#control", doStuff);

这样可以防止在刷新控件时需要将任何处理程序与元素一起克隆。

未经作者同意，本文严禁转载，违者必究！