我的解决方案是添加select[readonly] {pointer-events: none;}样式，然后添加这个JS来处理键盘事件:

$(document).on('keydown', 'select[readonly]', function(e) {
    if (e.keyCode != 9) {
        if (e.preventDefault) {
            e.preventDefault();
        }

        e.returnValue = false;
        e.cancel = true;
    }
});

这仍然允许遍历带有tab的元素。

简单jQuery解决方案

如果你选择的是只读类，使用这个选项

jQuery('select.readonly option:not(:selected)').attr('disabled',true);

或者如果你的选择有readonly="readonly"属性

$('select[readonly="readonly"] option:not(:selected)').attr('disabled',true);

这是最简单、最好的解决办法。 您将在您的选择上设置一个readolny属性，或任何其他属性，如data-readonly，并执行以下操作

$("select[readonly]").live("focus mousedown mouseup click",function(e){
    e.preventDefault();
    e.stopPropagation();
});

有点晚了。但这对我来说似乎完美无缺

select[readonly] {
    pointer-events:none;
}

简单地说，在提交表单之前删除disabled属性。

    $('form').submit(function () {
        $("#Id_Unidade").attr("disabled", false);
    });

我知道这已经太迟了，但它可以用简单的CSS完成:

select[readonly] option, select[readonly] optgroup {
    display: none;
}

当选择处于只读状态时，样式会隐藏所有选项和组，因此用户不能更改他的选择。

不需要JavaScript技巧。