var selectedOpt;//initialize var
    var newIdForHidden;//initialize var
    $('.disabledOnEdit').focusin(function(){
        selectedOpt = $(this).find(":selected").val();
        newIdForHidden = $(this).attr('id')+'Hidden';
        //alert(selectedOpt+','+newIdForHidden);
        $(this).append('');
        $(this).find('input.hiddenSelectedOpt').attr('id',newIdForHidden).val(selectedOpt);
    });
    $('.disabledOnEdit').focusout(function(){
        var oldSelectedValue=$(this).find('input.hiddenSelectedOpt').val();
        $(this).val(oldSelectedValue);
    });

以下是对我有用的:

$('select[name=country]').attr("disabled", "disabled"); 

如果您有一个应该是只读的选择标记，那么从逻辑上讲，您必须将选择框转换为单个“文本”字段。

我说逻辑是因为它就像: "我必须向用户显示一个值"

无论该值是否来自选择标记，都仍然是单个值且不能更改(只读)。

因此，从逻辑上讲，只有在第一次插入值时才使用选择标记。

然后，当你需要显示这个值时，你必须把它放在“文本字段只读”上。

如果多选项为只读，则变成一个值列表(所选值)

我使用“text”是因为一个只读标记不需要“type”属性。 干杯

给select元素添加readOnly属性的另一种方法是使用css

你可以这样做:

$('#selection').css('pointer-events','none');

DEMO

简单的CSS解决方案:

select[readonly]{
    background: #eee;
    cursor:no-drop;
}

select[readonly] option{
    display:none;
}

这导致在选择是灰色的漂亮的“禁用”光标悬停 在选择选项列表是“空”，所以你不能改变它的值。

如果你正在使用jquery验证，你可以做下面的事情，我使用disabled属性没有问题:

$(function(){
    $('#myform').validate({
        submitHandler:function(form){
            $('select').removeAttr('disabled');
            form.submit();
        }
    });
});