首頁 >web前端 >css教學 >如何維護禁用的選擇元素中的輸入欄位值?

如何維護禁用的選擇元素中的輸入欄位值?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-11-06 21:28:021043瀏覽

How Can I Maintain Input Field Value in Disabled Select Elements?

在停用的選擇元素中維護輸入欄位值

防止使用者修改

停用選擇元素和選項

一種方法是停用選擇元素及其選項。這會阻止使用者與元素交互,從而創建唯讀效果。但是,它也會阻止提交該值。

在提交表單之前啟用元素

要解決此問題,請在提交表單之前停用所有已停用的下拉式選單。這可以透過 JavaScript 來實現。

jQuery 代碼

<code class="javascript">jQuery(function ($) {        
  $('form').bind('submit', function () {
    $(this).find(':input').prop('disabled', false);
  });
});</code>

此程式碼可確保在以下情況下啟用所有停用的表單字段,包括相關的選擇元素:表格已提交。這允許將所選值包含在表單提交資料中。

以上是如何維護禁用的選擇元素中的輸入欄位值?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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