在选择框中获取“禁用（先前已禁用和选定）的值”选项

Question

我已经在下面的几行内容中显示了多选框，并且我希望禁用以前选择的几个选项。

<select multiple="multiple" name='cars[]'>
    <option value="volvo" disabled selected='selected'>Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
</select> 

因此，在POST方法中，我想获取所有选定选项的值，包括第一个沃尔沃。

Answer 1

Afaik，任何现代浏览器都不会以表单提交禁用的选项/字段。 最简单的解决方案是使用“ readonly”属性将其设置为“ readonly”字段。

但是，您将必须设置该字段的样式以使其看起来像已被禁用，因为readonly不会更改该字段的外观，而只是阻止用户对其进行修改。

然而，丑陋的部分是，某些浏览器不允许为选择字段设置readonly属性。

在这种情况下，我通常要做的是实际上禁用选择并将值存储在隐藏字段中，而不是使用一些不太难看的JavaScript来动态控制它。

更新：

您可以轻松地编写一个“ serializeDisabled”函数，遍历具有name属性的禁用表单元素，并在最后使用jQuery.param函数生成序列化的字符串（此函数来自用户CMS）：

(function ($) {
  $.fn.serializeDisabled = function () {
    var obj = {};

    $(':disabled[name]', this).each(function () { 
        obj[this.name] = $(this).val(); 
    });
    return $.param(obj);
  }
})(jQuery);

Answer 2

您可以创建一个javascript函数来循环onSubmit选项，然后再次启用它们。 禁用的元素不会发布。

Answer 3

当您设置了禁用状态时，永不获取POST数据。...替换选择以输入文本类型。并使用该属性的“只读”属性...

谢谢