首頁 > web前端 > css教學 > 主體

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

Mary-Kate Olsen
發布: 2024-11-06 21:28:02
原創
899 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!