如何在 HTML 中模擬 POST 資料的唯讀 SELECT 標籤？

在HTML 中模擬POST 資料的唯讀SELECT 標籤

雖然HTML 規格允許使用停用屬性停用SELECT 元素，但這會阻止其值包含在POST 或GET 請求中。當所需的行為是阻止使用者修改選擇但仍保留其提交值時，這就構成了挑戰。

要克服此問題並在保留 POST 資料的同時實現唯讀功能，建議採用兩步驟方法:

1. 保持 SELECT 停用：維護 SELECT元素上的停用屬性以防止使用者
2. 新增隱藏輸入：建立一個與 SELECT 具有相同名稱屬性的隱藏輸入元素，並將其值設為 SELECT 的目前值。

如果您稍後希望啟用SELECT 元素，請按照以下步驟操作步驟：

1. 重新啟用SELECT：從SELECT 中刪除停用的屬性並將其name 屬性設定回其原始值。
2. 同步with Hidden Input：在 SELECT 的 onchange 事件中，將其值複製到隱藏輸入以確保一致性。

這裡有一個程式碼範例來說明這個方法：

以上是如何在 HTML 中模擬 POST 資料的唯讀 SELECT 標籤？的詳細內容。更多資訊請關注PHP中文網其他相關文章！