首頁 > 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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板