JQuery : 선택 필드에서 사용할 수없는 옵션 유효성 검사

Question

선택 필드에서 검색을 시도하고 있습니다. 기본적으로 선택된 첫 번째 항목은 비활성화되고 사용자 "옵션 선택"에 대한 프롬프트로 작동합니다.

양식을 제출할 때이 "사용 안 함"항목이 선택되어 있는지 확인한 다음 필드의 옵션 중 하나를 선택하도록 요청할 것인지 확인하고 싶습니다. 현재 어떤 이유로 옵션이 선택 될 때 유효성 검사 오류가 발생합니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까? 항상 true 어떤 장애인 옵션, 가있는 경우

HTML

<select name="purchasableId" id="metreSelect" class="metre" required> 
    <option disabled selected>Select option</option> 
    <option value="Dynamic Options">Dynamic Options</option> 
</select> 

JQuery와

$('#add').click(function(){ 

    if ($(".metre").children('option').attr('disabled')) { 
    $('.metreValidation').html("<span class='flash'>Please select the number of metres</span>"); 
    $('.metre').addClass("errorBorder"); 
    var errorMessage = 'true'; 
    } 
}); 

Answer 1

귀하의 질의 $(".metre").children('option').attr('disabled')은 확인합니다. 오히려 선택한 옵션이 비활성화되어 있는지 확인해야합니다.

if ($('.metre').find('option:selected').attr('disabled')) { 
    // show the error 
}