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

Question

HTML表单只读选择标记/输入根据HTML规范，select标记在HTML中没有readonly属性，只有disabled属性。因此，如果要防止用户更改下拉列表，则必须使用disabled.唯一的问题是禁用的HTML表单输入不会包含在POST/GET数据中。什么是最好的方法来模仿readonly属性的select标签，还能得到帖子的数据吗？

Answer 1

我们也可以用这个

禁用除选定选项外的所有选项：

<select>
    <option disabled>1</option>
    <option selected>2</option>
    <option disabled>3</option></select>

这样，下拉列表仍然工作(并提交其值)，但用户无法选择其他值。

演示

Answer 2

您可以在提交时重新启用SELECT对象.

编辑*也就是说，通常禁用SELECT标记(使用禁用的属性)，然后在提交表单之前自动重新启用它：

jQuery示例：

• 若要禁用它：

  $('#yourSelect').prop('disabled', true);

• 在提交之前重新启用它，以便包含GET/POST数据：

  $('#yourForm').on('submit', function() {
      $('#yourSelect').prop('disabled', false);});

此外，还可以重新启用每个禁用的输入或选择：

$('#yourForm').on('submit', function() {
    $('input, select').prop('disabled', false);});