HTML表单只读选择标记/输入

Question

HTML表单只读选择标记/输入

根据HTML规范，select标记在HTML中没有readonly属性，只有disabled属性。因此，如果要防止用户更改下拉列表，则必须使用disabled.

唯一的问题是禁用的HTML表单输入不会包含在POST/GET数据中。

什么是最好的方法来模仿readonly属性的select标签，还能得到帖子的数据吗？

Answer 1

我们也可以用这个禁用除选定选项外的所有选项：<select> &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;disabled>1</option> &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;selected>2</option> &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;disabled>3</option></select>这样，下拉列表仍然工作(并提交其值)，但用户无法选择其他值。演示

Answer 2

您可以在提交时重新启用SELECT对象.编辑*也就是说，通常禁用SELECT标记(使用禁用的属性)，然后在提交表单之前自动重新启用它：jQuery示例：若要禁用它：$('#yourSelect').prop('disabled',&nbsp;true);在提交之前重新启用它，以便包含GET/POST数据：$('#yourForm').on('submit',&nbsp;function()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;$('#yourSelect').prop('disabled',&nbsp;false);});此外，还可以重新启用每个禁用的输入或选择：$('#yourForm').on('submit',&nbsp;function()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;$('input,&nbsp;select').prop('disabled',&nbsp;false);});