multiselect选中,将multiselect中的一些特定选项设置为禁用和选中

I have a multiselect box having some options which i am able to select or disable via jquery, but i am not able to make them do both at the same time. How can i do that via jquery ??

Here's what i was doing - JSFiddle

In this example i am selecting an option on load and after that disabling it, but the option is still de selectable. I want to keep it selected and disabled all the time.

For now i am using click method to keep it selected by adding this line:

$('#multiSelect').click(function()

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

EDIT:

People are posting the solution where we select the option again on click, which i already have posted in my question. What i wanted to know is that if there exist some better solution as this one does not look good.

解决方案

js fiddle:

jquery:

//disabling on load:

$('#multiSelect option[value="three"]').prop('disabled', true);

$("#multiSelect option").on('click',function() {

$('#multiSelect option[value="three"]').prop('selected',true);

});