首页 > web前端 > js教程 > 如何使用 jQuery 清除文件输入字段的值?

如何使用 jQuery 清除文件输入字段的值?

DDD
发布: 2024-12-16 16:23:14
原创
493 人浏览过

How Can I Clear a File Input Field's Value Using jQuery?

清除使用 jQuery

在清除 的值时面临挑战;元素? jQuery 为这个任务提供了一个解决方案。

设置 $('#control').attr({ value: '' });看似简单的方法,但它不会产生预期的结果。更有效的方法是将元素包装在

中。元素,然后在表单上使用 .reset() 函数。随后,使用 .unwrap() 删除添加的表单。
window.reset = function(e) {
  e.wrap('<form>').closest('form').get(0).reset();
  e.unwrap();
};
登录后复制

此方法已经过测试并确认可以在各种浏览器上有效工作,包括 Opera、Firefox、Safari、Chrome 和 IE6 。它还可以成功地与其他表单元素类型一起运行,除了 type="hidden" 的元素类型。

要展示其功能,可以使用以下 HTML 和 JavaScript 代码:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form>
  <input>
登录后复制

以上是如何使用 jQuery 清除文件输入字段的值?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板