選択したドロップダウンの小道具が無効になっているかどうかを確認してください。

Question

ドロップダウンの選択されたオプションが無効になっているかどうかを確認する際に問題があります。

ユーザはオプションを選択して時間範囲を選択する可能性があります。時間範囲を選択すると、この範囲で利用できないすべてのオプションは無効に設定されます。以前に選択した値も無効になっている場合は、警告が必要です。

私はこのような何かを考えていた

：

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

Answer 1

あなたは、そのprop()

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

Answer 2

この使用チェックし:selectedオプションを取得することができます：

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"/>

を210

Answer 3

選択したオプションと無効なオプションの数を確認します。オプションを選択するには、:selectedと:disabled疑似クラスセレクタを使用します。

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