Отключить выбор входа, если существует значение параметра

Question

Я хочу отключить поле выбора, если доступна бесплатная доставка.

<select name="shipping_method" id="shipping_method"> 
    <option value="">Select shipping</option> 
    <option value="free_shipping">Free Shipping</option> 
    <option value="international_delivery">International: $30.00</option> 
</select> 

Я попытался это (не зная, что это будет работать):

$(document).ready(function(){ 
    if($("option").val() == "free_shipping") { 
     $("select").prop("disabled"); 
    } 
}); 

А потом предполагая по форме представить:

$(document).ready(function(){ 
    $("form").submit(function() { 
     $("select", this).prop("disabled", false); 
    }); 
}); 

Answer 1

Вы можете использовать $.has

$('#shipping_method').has('option[value="free_shipping"]').prop("disabled", true); 

Демо: Fiddle

Answer 2

выберите выберите

$('#shipping_method').change(function(){ 
    var j = $(this); 
    if(j.val() == 'free_shipping') { 
     j.attr('disabled', true); 
    }  
    else { 
     j.removeAttr('disabled'); 
    } 
}).trigger('change');