javascript - 如何确保在禁用时提交 <select> 表单字段？

Question

我有一个 select 表单字段，我想将其标记为“只读”，因为用户无法修改该值，但该值仍与表单一起提交。使用 disabled 属性可以防止用户更改值，但不会将值与表单一起提交。

readonly 属性仅适用于 input 和 textarea 字段，但这基本上是我想要的。有什么办法可以让它工作吗？

我正在考虑的两种可能性包括:

• 不要禁用 select，而是禁用所有 option 并使用 CSS 使选择变灰，使其看起来像已禁用。
• 向提交按钮添加一个点击事件处理程序，以便在提交表单之前启用所有禁用的下拉菜单。

Answer 1

在提交表单之前禁用字段然后启用它们:

jQuery 代码:

jQuery(function ($) {        
  $('form').bind('submit', function () {
    $(this).find(':input').prop('disabled', false);
  });
});