首頁 >web前端 >css教學 >如何在提交內容中保留禁用的表單欄位資料?

如何在提交內容中保留禁用的表單欄位資料?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-11-05 15:55:02180瀏覽

How Can I Preserve Disabled Form Field Data in Submissions?

在提交中保留停用的表單欄位資料

當您嘗試停用

替代解決方案

要在提交值時保留停用欄位的功能,請考慮以下事項:

停用選項和樣式:

  • 停用
  • 應用 CSS 使欄位變灰,給人一種被禁用的錯覺。

提交時的事件處理:

  • 在提交按鈕上實現點擊事件監聽器。
  • 在提交表單之前讓事件處理程序啟用所有已停用的下拉式選單。

實際實作

使用jQuery,您可以停用欄位並在提交之前啟用它們:

jQuery(function($) {
  $('form').bind('submit', function() {
    $(this).find(':input').prop('disabled', false);
  });
});

此程式碼在提交事件之前會停用表單中的所有輸入,並在提交後啟用它們,確保所有輸入值包含在提交資料中。

以上是如何在提交內容中保留禁用的表單欄位資料?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn