如何在 JavaScript 中提交禁用的表單欄位？

提交停用的表單欄位

使用表單時，可能會遇到某些欄位需要可見但無法編輯的情況。但是，這在提交資料時可能會帶來挑戰，因為停用欄位通常不會提交其值。

要解決此問題，可以使用 READONLY 屬性。不幸的是，它不支援複選框和選擇等輸入類型。

jQuery 解決方案

如果READONLY 不適用，jQuery 提供了一種解決方法：

$('form').submit(function(e) {
    $(':disabled').each(function(e) {
        $(this).removeAttr('disabled');
    })
});

此程式碼片段在提交時從表單內的所有元素中刪除停用屬性。這樣，即使欄位最初被停用，也可以提交。

其他注意事項

此外，如果您想阻止欄位編輯但又不想隱藏它們，您可以使用 CSS 將它們設為唯讀。例如：

input[disabled] {
    background-color: lightgray;
    border: 1px solid gray;
}

此程式碼將使停用的輸入欄位顯示為灰色，並且不允許使用者編輯它們。但是，它們仍然可見，並且它們的值將在提交表單時提交。

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