檢查所選下拉的道具是否被禁用

Question

我無法檢查選定的下拉選項是否被禁用。

用戶可以選擇一個選項，然後選擇一個時間範圍，在時間選擇後，該範圍內所有不可用的選項將被設置爲禁用。如果先前選定的值也被禁用，則必須有警報。

我在想是這樣的：

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

Answer 1

你可以得到:selected選項，然後檢查其prop()

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

Answer 2

使用此：

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 3

檢查選定和禁用選項的計數。使用:selected和:disabled僞類選擇器來選擇選項。

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