jquery - 使用所选插件时禁用组

Question

我需要的是，如果用户选择值为 0 的选项，则禁用选择中的整个组，或者如果我无法使用组禁用我想要的所有选项，这可能吗？

我已经尝试过这样的:

$('#ottipo_alcance').chosen().change(function(event){
 if (this.value == '0') 
    $('optgroup option').prop('disabled', true);
 else
    $('optgroup option').prop('disabled', false);                   
  $('#ottipo_alcance').trigger("liszt:updated");
});

<select id="ottipo_alcance" name="ottipo_alcance[]" class="chosen" style="width:200px" multiple="true">
   <option value="0">General</option>
   <optgroup label="Áreas">
        <option value="1">Sistemas</option>
        <option value="2">Operaciones</option>
        ...
   </optgroup>
</select>

注意:我也尝试过 $('#ottipo_alcance').trigger("chosen:updated");

Answer 1

您应该能够使用以下方法禁用整个 optgroup:

$('#ottipo_alcance').find('optgroup:first').prop('disabled', true);