如何在维护 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中文网其他相关文章！