检查所选下拉列表的支持是否已禁用

Question

我无法检查下拉列表的选定选项是否已停用。

用户可以选择一个选项然后选择一个时间范围，在时间选择之后，此范围内不可用的所有选项都将设置为禁用。如果还禁用了先前选择的值，则必须有警报。

我在考虑这样的事情：

if($('#dropdown').val().prop('disabled',true)){
alert('not possible'); 
}

Answer 1

使用此：

if($('#dropdown').find(':selected').prop('disabled')==true){
  alert('not possible'); 
}

$('input').change(function(){
  if($(this).val()>50){
    $('select option:first-child').prop('disabled',true);
  }
  if($('select').find(':selected').prop('disabled')==true){
      alert('not possible'); 
   }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>
<input type="range"/>

Answer 2

检查选定和禁用选项的计数。使用:selected和:disabled伪类选择器来选择选项。

if($('#dropdown option:selected:disabled').length){
   alert('not possible'); 
}

Answer 3

您可以获取:selected选项，然后查看其prop()

if($('#dropdown option:selected').prop('disabled') == true){
    //Selected option is disabled
}