javascript - 将多选中的一些特定选项设置为禁用和选中

Question

我有一个多选框，其中包含一些选项，我可以通过 jquery 选择或禁用这些选项，但我无法让它们同时执行这两项操作。我怎样才能通过 jquery 做到这一点？？

这就是我所做的 - JSFiddle

在这个例子中，我在加载时选择了一个选项，然后将其禁用，但该选项仍然是不可选择的。我想让它始终保持选中和禁用状态。

现在我使用点击方法通过添加以下行来保持它被选中:

$('#multiSelect').click(function()
{$('#multiSelectoption[value="three"]').attr('selected',true);});

编辑:人们正在发布解决方案，我们在点击时再次选择该选项，我已经在我的问题中发布了。我想知道是否存在更好的解决方案，因为这个看起来不太好。

Answer 1

js fiddle :

http://jsfiddle.net/Tf5ZZ/5/

jquery:

//disabling on load:
$('#multiSelect option[value="three"]').prop('disabled', true);

$("#multiSelect option").on('click',function() {
    $('#multiSelect option[value="three"]').prop('selected',true);
});