如何在維護 POST 資料的同時模擬 HTML 選擇標籤的唯讀屬性？

在保留POST 資料的同時模擬HTML Select 標籤的唯讀屬性

在HTML 中，select 標籤缺少專用的唯讀屬性，只有一個禁用屬性可用。但是，停用表單輸入會阻止它們包含在 POST 或 GET 請求中。

要解決此問題，解決方法包括停用 select 元素並新增具有相同名稱和值的隱藏輸入。啟用 select 元素後，其值會複製到隱藏輸入，有效模仿唯讀屬性。

這是一個範例實作：

$('#mainform').submit(function() {
    $('#formdata_container').show();
    $('#formdata').html($(this).serialize());
    return false;
});

$('#enableselect').click(function() {
    $('#mainform input[name=animal]')
        .attr("disabled", true);
    
    $('#animal-select')
        .attr('disabled', false)
        .attr('name', 'animal');
    
    $('#enableselect').hide();
    return false;
});

透過操作停用屬性並複製值在選擇和隱藏輸入之間，此方法模擬唯讀屬性的功能，同時允許發布資料。

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