在选择的下拉菜单上使用javascript禁用“选项”

Question

我有使用jQuery和选择库的项目。我需要标记某些元素为“禁用”，以便用户仍可以看到它们但无法选择它们。

<select data-placeholder="Choose a Country..." class="chosen-select" multiple style="width:350px;" tabindex="4">
            <option value=""></option>
            <option value="Any">[Any]</option>
            <option value="United States">United States</option>
            <option value="United Kingdom">United Kingdom</option>
            <option value="Afghanistan">Afghanistan</option>
            <option value="Aland Islands">Aland Islands</option>
            <option value="Albania">Albania</option>
            <option value="Algeria">Algeria</option>
            <option value="American Samoa">American Samoa</option>   
          </select>    
</div>

还有我的jQuery：

$('.chosen-select').chosen({});

$(".chosen-select option").each(function()
{   
    let v = $(this).val();    
    if (v.startsWith('Al')) {
        $(this).attr('disable', ''); 
      console.log('disabled', $(this).attr('disable'));
    }    
});

$('.chosen-select').trigger('chosen:updated');

我已经使用jsfiddle创建了一个演示，但是看不到任何更改。

是否可以禁用某些选项？

https://jsfiddle.net/Bonomi/tns7mq2h/