javascript - 如果选项值存在则禁用选择输入

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