javascript - 检查所选下拉菜单的 Prop 是否被禁用

Question

我无法检查下拉菜单的选定选项是否被禁用。

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

我在想这样的事情:

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

Answer 1

使用这个:

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

$('input').change(function(){
  if($(this).val()>50){
    $('select option:first-child').prop('disabled',true);
  }
  if($('select').find(':selected').prop('disabled')){
      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"/>