如何模拟 HTML SELECT 标记的只读属性并仍然检索 POST 数据？

通过 POST 数据检索模拟 HTML SELECT 标签的只读属性

根据 HTML 规范，SELECT 标签缺少只读属性，因此需要使用禁用属性来防止用户输入更改。但是，这会带来一个问题，因为禁用的输入被排除在 POST 或 GET 数据提交之外。

要解决此挑战，解决方法是维护 SELECT 元素的禁用属性，同时添加同名的隐藏输入和值。

解决方案：

1. 将 SELECT 元素初始化为禁用。
2. 添加一个具有相同名称和值的隐藏输入SELECT 元素。
3. 如果重新启用 SELECT 元素，请使用 onchange 事件将其值传输到隐藏输入。随后，禁用或删除隐藏的输入。

实现：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
    <form>

代码说明：

• 表单包含一个禁用的 SELECT 元素和一个用于动物选择的隐藏输入。
• 单击“启用”按钮时，将启用 SELECT 元素，并将其名称设置为“动物”。禁用隐藏输入以防止重复提交。
• onchange 事件在重新启用时将更新的 SELECT 元素值传输到隐藏输入。
• 表单提交显示提交的表单数据，其中包括第二个 SELECT 元素中的颜色选择和隐藏输入中的动物选择。

以上是如何模拟 HTML SELECT 标记的只读属性并仍然检索 POST 数据？的详细内容。更多信息请关注PHP中文网其他相关文章！