除了禁用不应该是可选的选项，我想实际上让他们从列表中消失，但仍然能够启用他们，我应该以后需要:

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

它会找到所有带有只读属性的select元素，然后找到那些未被选中的select元素中的所有选项，然后隐藏它们并禁用它们。

出于性能考虑，将jquery查询分为2是很重要的，因为jquery从右向左读取它们，代码如下:

$("select[readonly] option:not(:selected)")

将首先找到文档中所有未选中的选项，然后筛选那些在具有只读属性的选择内的选项。

使用tabindex解决方案。适用于选择和文本输入。

简单地使用.disabled类。

CSS:

.disabled {
    pointer-events:none; /* No cursor */
    background-color: #eee; /* Gray background */
}

JS:

$(".disabled").attr("tabindex", "-1");

HTML:

<select class="disabled">
    <option value="0">0</option>
</select>

<input type="text" class="disabled" />

编辑:使用Internet Explorer，你还需要这个JS:

$(document).on("mousedown", ".disabled", function (e) {
    e.preventDefault();
});

以下是对我有用的:

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

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

你可以这样做:

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

DEMO

我用jquery解决了它:

      $("select.myselect").bind("focus", function(){
        if($(this).hasClass('readonly'))
        {
          $(this).blur();   
          return;
        }
      });

非常简单。首先将值存储在变量中。然后将事件集的值更改为存储的变量，该变量包含的初始值

我有一个名字是映射的。那么我的代码将如下所示;

$("document").ready(function(){ 
    var mapping=$("select[name=mapping]").val();
    $("select[name=mapping]").change(function(){
        $("select[name=mapping]").val(mapping);
    });
});