首頁 > web前端 > js教程 > 如何使用 jQuery 清除檔案輸入控制項的值?

如何使用 jQuery 清除檔案輸入控制項的值?

Mary-Kate Olsen
發布: 2024-12-13 03:01:16
原創
914 人瀏覽過

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

使用jQuery 清除文件輸入控件

問題出現了:重置HTML 文件輸入控件的值是否可行(

)輸入類型=「檔案」)使用jQuery?透過 attr({ value: '' }) 將元素值設為空字串的傳統方法被證明是無效的。

為了解決這個問題,出現了一個獨特的解決方案。文件輸入控制項包裝在表單元素內。隨後,在表單上呼叫重置方法,有效地清除輸入值。最後,使用 unwrap() 函數刪除表單。

至關重要的是,此技術使原始文件輸入控制項完好無損,保留任何自訂屬性或屬性。測試已確認其與多種瀏覽器的兼容性,包括 Opera、Firefox、Safari、Chrome 和 IE6。

為了增加多功能性,此方法也可以應用於其他表單元素。但是,隱藏的輸入欄位仍然是一個例外。
window.reset = function(e) {
  e.wrap('<form>').closest('form').get(0).reset();
  e.unwrap();
};
登入後複製
<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
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板